Wenn eine Seite über mehrere Tags verfügt und beim Klicken zur aktuellen Seite gesprungen wird, wie kann das angeklickte Tag seine Farbe ändern und hervorgehoben werden, während andere Tags zu ihren ursprünglichen Farben zurückkehren?
Mit JS können Sie Folgendes erreichen:
Gehen Sie davon aus, dass die aktuelle Seite „1.aspx“ ist.
1. Legen Sie einen Wert für eine Tag-ID fest:
Kopieren Sie den Codecode wie folgt:
<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. Schreiben Sie die JS-Methode:
Kopieren Sie den Codecode wie folgt:
<Skript>
&(Dokument).ready(function(){
var id = windows.ulr.substring(windows.ulr.IndeOf("?id="),1) //Den ID-Wert abrufen
var currtA = document.getElementById(id); //Das aktuell angeklickte Tag abrufen
if(currtA != null)
curtA.style.color = "#f00";
});
</script>
In anderen Situationen, wenn die Seite beim Klicken auf das a-Tag nicht springt, können Sie wie folgt schreiben:
Kopieren Sie den Codecode wie folgt:
<a href="#" onclick="changeCss(this)">""</a>
<Skript>
Funktion changeCss(obj){
var alist = document.getElementsByTagName("a");
for(var i =0;i < alist.Length;i++){
alist[i].style.color = "#000"; //Allen a-Tags Primärfarben zuweisen
}
obj.style.color = "#f00"; //Das aktuelle Etikett hervorheben
}
//Natürlich können Sie dies auch mit $("a").removeCss() und addCss() von Jquery erreichen
</script>