Js实现栏目切换出现高亮

<script type=”text/javascript”>
<!–
$(function(){
var myNav = $(“.lanmu ul li a”),i;
for(i=0;i<myNav.length;i++){
var links = myNav.eq(i).attr(“href”),myURL = document.URL;
if(myURL.indexOf(links) != -1) {
myNav.eq(i).attr(‘class’,’lanmuon’);
}
}
})
//–>
</script>

.lanmu ul{width:648px;background:url(lanmu_bg.gif) top left repeat-x;float:left;}
.lanmu ul li{height:34px;line-height:29px;width:108px;float:left;background:url(lanmu_sp.gif) top right no-repeat;text-align:center;}
.lanmu ul li a{font-size:14px;font-weight:bold;color:#ffffff;}
.lanmu ul li a.lanmuon{height:34px; display:block;line-height:29px;color:#8f0000;background:url(lanmuon_bg.gif) top center no-repeat;background-color:#e7ce98;}

发表评论

邮箱地址不会被公开。 必填项已用*标注