Ketika sebuah halaman memiliki beberapa tag, dan ketika diklik, halaman tersebut akan melompat ke halaman saat ini. Bagaimana tag yang diklik dapat berubah warna dan disorot, dan tag lainnya kembali ke warna aslinya?
Dengan menggunakan JS Anda dapat mencapai:
Asumsikan halaman saat ini adalah "1.aspx"
1. Tetapkan nilai untuk ID tag:
Copy kode kodenya sebagai berikut:
<a href="1.aspx?id=1" id="1" target="_parent">""</a>
<a href="1.aspx?id=2" id="2" target="_parent">""</a>
<a href="1.aspx?id=3" id="3" target="_parent">""</a>
2. Tulis metode JS:
Copy kode kodenya sebagai berikut:
<skrip>
&(dokumen).siap(fungsi(){
var id = windows.ulr.substring(windows.ulr.IndeOf("?id="),1) //Dapatkan nilai id
var currtA = document.getElementById(id); //Dapatkan tag yang sedang diklik
jika(saat iniA != nol)
curtA.style.color = "#f00";
});
</skrip>
Untuk situasi lain, jika halaman tidak melompat saat mengklik tag a, Anda dapat menulis seperti ini:
Copy kode kodenya sebagai berikut:
<a href="#" onclick="changeCss(ini)">""</a>
<skrip>
perubahan fungsiCss(obj){
var alist = dokumen.getElementsByTagName("a");
for(var i =0;i < alist.Panjang;i++){
alist[i].style.color = "#000"; //Menetapkan warna primer ke semua tag
}
obj.style.color = "#f00"; //Sorot label saat ini
}
//Tentu saja, Anda juga dapat menggunakan $("a").removeCss() dan addCss() Jquery untuk mencapai hal ini
</skrip>