导航点击字体变色
1、CSS
.active {
color: #ff5837;
}
2、js
$(".header ul li a").each(function(){
$this = $(this);
if($this[0].href==String(window.location)){
$(".header ul li a").removeClass("active");
$this.addClass("active");
}
});
3、方法2
var urlstr = location.href;
var urlstatus = false;
$("#navigate a").each(function() {
if ((urlstr + '/').indexOf($(this).attr('href')) > -1 && $(this).attr('href') != '') {
$(this).addClass('active');
urlstatus = true;
} else {
$(this).removeClass('active');
}
});
if (!urlstatus) {
$("#navigate a").eq(0).addClass('active');
}

浙公网安备 33010602011771号