Cuando una página tiene varias etiquetas a y al hacer clic, saltará a la página actual. ¿Cómo puede la etiqueta en la que se hizo clic cambiar de color y resaltarse, y otras etiquetas vuelven a sus colores originales?
Usando JS puedes lograr:
Supongamos que la página actual es "1.aspx"
1. Establezca un valor para una ID de etiqueta:
Copie el código de código de la siguiente manera:
<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. Escriba el método JS:
Copie el código de código de la siguiente manera:
<guión>
&(documento).listo(función(){
var id = windows.ulr.substring(windows.ulr.IndeOf("?id="),1) //Obtener el valor de identificación
var currtA = document.getElementById(id); //Obtener la etiqueta en la que se hizo clic actualmente
si (actualA! = nulo)
curtA.style.color = "#f00";
});
</script>
Para otras situaciones, si la página no salta al hacer clic en la etiqueta a, puedes escribir así:
Copie el código de código de la siguiente manera:
<a href="#" onclick="changeCss(this)">""</a>
<guión>
función cambiarCss(obj){
var alist = document.getElementsByTagName("a");
for(var i =0;i < alista.Longitud;i++){
alist[i].style.color = "#000"; //Asigna colores primarios a todas las etiquetas
}
obj.style.color = "#f00"; //Resalta la etiqueta actual
}
//Por supuesto, también puedes usar $("a").removeCss() y addCss() de Jquery para lograr esto
</script>