Если на странице имеется несколько тегов a, и при нажатии происходит переход на текущую страницу. Как можно изменить цвет и выделиться тегом, а другие теги вернуться к своим исходным цветам?
Используя JS, вы можете добиться:
Предположим, что текущая страница — «1.aspx».
1. Установите значение идентификатора тега:
Скопируйте код кода следующим образом:
<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. Напишите JS-метод:
Скопируйте код кода следующим образом:
<скрипт>
&(документ).ready(функция(){
var id = windows.ulr.substring(windows.ulr.IndeOf("?id="),1) //Получаем значение идентификатора
var currtA = document.getElementById(id); //Получаем текущий клик по тегу
если (currtA != ноль)
curtA.style.color = "#f00";
});
</скрипт>
Для других ситуаций, если страница не перескакивает при нажатии на тег, можно написать так:
Скопируйте код кода следующим образом:
<a href="#" onclick="changeCss(this)">""</a>
<скрипт>
функция измененияCss(obj){
var alist = document.getElementsByTagName("a");
for(var i =0;i <alist.Length;i++){
alist[i].style.color = "#000"; //Назначаем основные цвета всем тегам
}
obj.style.color = "#f00" //Выделяем текущую метку
}
//Конечно, для достижения этой цели вы также можете использовать Jquery $("a").removeCss() и addCss().
</скрипт>