用jquery获取当前页面连接加css
js代码
/*nav a active*/ $('nav ul li a').each(function(){ if($(this)[0].href==String(window.location)) $(this).addClass('active'); });
html代码
1 <nav> 2 <ul> 3 <li> 4 <a href="http://localhost/myyiqicms/allcategory.php" title="环境类型" id="5">环境类型</a> 5 </li> 6 <li> 7 <a href="http://localhost/myyiqicms/allproduct.php" title="所有产品" id="6">所有产品</a> 8 </li> 9 <li> 10 <a href="http://localhost/myyiqicms/article/about.html" title="公司历程" id="2">公司历程</a> 11 </li> 12 <li> 13 <a href="http://localhost/myyiqicms/category.php?name=zl.html" title="标准文献" id="15">标准文献</a> 14 </li> 15 <li> 16 <a href="http://localhost/myyiqicms/comment.php" title="联系购买" id="4">联系购买</a> 17 </li> 18 </ul> 19 </nav>
工作原理:
判断当前浏览器的链接是否与标签中的链接相等,如相等则加上一个class:active,这样变能识别当前页是哪个导航标签了
if you don't try,you will never know!