jquery给页面导航栏选中栏目添加特殊样式（页面刷新后仍有效）

共5个文件

html：4个

css：1个

jquery

导航样式

1星需积分: 50 19 下载量 192 浏览量 2016-04-05 22:59:48 上传评论收藏 3KB ZIP 举报

温馨提示

jquery给页面导航栏选中栏目添加特殊样式的案例（页面刷新或者跳转到新页面后导航栏的样式仍然有效）

资源推荐

资源详情

资源评论

收起资源包目录

active_demo.zip （5个子文件）

active

links.html 704B

posts.html 704B

index.html 705B

comments.html 707B

style.css 786B

共 5 条

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>comments-ForEcho</title> <script src="http://upcdn.b0.upaiyun.com/libs/jquery/jquery-1.9.1.min.js"></script> <link rel="stylesheet" type="text/css" href="style.css" media="all" /> </head> <body> <div id="main"> <div class="nav"> <ul> <li><a href="index.html">Index</a></li> <li><a href="posts.html">Posts</a></li> <li><a href="comments.html">Comments</a></li> <li><a href="links.html">Likes</a></li> </ul> </div> </div> <script> $(document).ready(function(){ $('.nav li a').each(function(){ if($($(this))[0].href==String(window.location)) $(this).parent().addClass('active'); }); }) </script> </body> </html>

评论收藏

内容反馈

资源评论