<!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>
jquery给页面导航栏选中栏目添加特殊样式（页面刷新后仍有效）
1星 需积分: 50 179 浏览量
2016-04-05
22:59:48
上传
评论
收藏 3KB ZIP 举报 
active_demo.zip （5个子文件） 
active 
links.html 704B posts.html 704B index.html 705B comments.html 707B
style.css 786B资源评论
码至终章2017-03-25你咋不去si啊，四个页面骗用css
