`

JQ当前栏目高亮

 
阅读更多
.menu { margin:0px 0px 25px 0px;list-style:none;}
.menu li { color:#fff; background-color: #f6f6f6;margin-bottom: 1px;}
.menu li a { display:block; height:50px; font:15px/50px \5FAE\8F6F\96C5\9ED1,\5b8b\4f53,Tahoma,Arial; color:#666666; font-size:13px; text-decoration:none;padding-left:35px;background: url(../images/left_li.png) 22px center no-repeat;}
.menu a:hover {color:#41bbfb; background-color:#f1efef;}
.cur { background:#f1efef; font-weight:bold; color:#41bbfb;}
.menu li a.cur {color:#41bbfb;}

 

<ul>
<li ><a href="c.html" title="c">c</a></li>
						 
<li ><a href="b.html" title="b">b</a></li>
						 
<li ><a href="a.html" title="a">a</a></li>
</ul>
<script type="text/javascript">
  var urlstr = location.href;
  //alert((urlstr + '/').indexOf($(this).attr('href')));
  var urlstatus=false;
  $("#menu a").each(function () {
    if ((urlstr + '/').indexOf($(this).attr('href')) > -1&&$(this).attr('href')!='') {
      $(this).addClass('cur'); urlstatus = true;
    } else {
      $(this).removeClass('cur');
    }
  });
  if (!urlstatus) {$("#menu a").eq(0).addClass('cur'); }
</script>

 

载入JQ库

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics