JQ当前栏目高亮

最新推荐文章于 2023-06-09 10:06:27 发布

文艺er

最新推荐文章于 2023-06-09 10:06:27 发布

阅读量449

点赞数 1

CC 4.0 BY-SA版权

分类专栏： jquery 文章标签： javascript ViewUI

本文链接：https://blog.youkuaiyun.com/wenyier/article/details/84722372

jquery 专栏收录该内容

1 篇文章

订阅专栏

.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库