Lorsqu'une page comporte plusieurs balises a et que lorsque vous cliquez dessus, elle passe à la page actuelle. Comment la balise cliquée peut-elle changer de couleur et être mise en surbrillance, et les autres balises retrouvent-elles leurs couleurs d'origine ?
En utilisant JS, vous pouvez réaliser :
Supposons que la page actuelle soit "1.aspx"
1. Définissez une valeur pour un ID de balise :
Copiez le code comme suit :
<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. Écrivez la méthode JS :
Copiez le code comme suit :
<script>
&(document).ready(function(){
var id = windows.ulr.substring(windows.ulr.IndeOf("?id="),1) //Obtenir la valeur de l'identifiant
var currtA = document.getElementById(id); //Obtenir la balise actuellement cliquée
si(currtA != null)
curtA.style.color = "#f00";
});
</script>
Pour d'autres situations, si la page ne saute pas lorsque vous cliquez sur la balise a, vous pouvez écrire comme ceci :
Copiez le code comme suit :
<a href="#" onclick="changeCss(this)">""</a>
<script>
fonction changeCss(obj){
var alist = document.getElementsByTagName("a");
pour(var i =0;i < alist.Length;i++){
alist[i].style.color = "#000"; //Attribuer des couleurs primaires à toutes les balises
}
obj.style.color = "#f00"; //Mette en surbrillance l'étiquette actuelle
}
//Bien sûr, vous pouvez également utiliser $("a").removeCss() et addCss() de Jquery pour y parvenir
</script>