Quando uma página tem várias tags a e, quando clicada, ela salta para a página atual. Como a tag clicada pode mudar de cor e ser destacada, e outras tags retornarem às suas cores originais?
Usando JS você pode conseguir:
Suponha que a página atual seja “1.aspx”
1. Defina um valor para um ID de tag:
Copie o código do código da seguinte forma:
<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. Escreva o método JS:
Copie o código do código da seguinte forma:
<roteiro>
&(documento).ready(function(){
var id = windows.ulr.substring(windows.ulr.IndeOf("?id="),1) //Obter o valor do id
var currtA = document.getElementById(id); //Obter a tag atualmente clicada
if (currtA! = nulo)
curtaA.style.color = "#f00";
});
</script>
Para outras situações, se a página não pular ao clicar na tag a, você pode escrever assim:
Copie o código do código da seguinte forma:
<a href="#" onclick="changeCss(this)">""</a>
<roteiro>
função mudançaCss(obj){
var alist = document.getElementsByTagName("a");
for(var i =0;i < alist.Length;i++){
alist[i].style.color = "#000"; //Atribuir cores primárias a todas as tags a.
}
obj.style.color = "#f00"; //Destaque o rótulo atual
}
//Claro, você também pode usar $("a").removeCss() e addCss() do Jquery para conseguir isso
</script>