<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>lvnian学习(http://lvnian.blog.51cto.com/)</title>
<style>
.nav_menustyle_1_2 a:hover {
background: #0D6BB1;
}
.blue {
background: #0D6BB1;
}
</style>
</head>
<body>
<div class="nav_menustyle_1_2">
<ul>
<li><a href="?urltype=tree.TreeTempUrl&wbtreeid=5662" class="a">通知公告
<!--[if gte IE 7]><!-->
</a>
<!--<![endif]-->
<!--[if lte IE 6]></a><![endif]-->
</li>
<li><a href="?urltype=tree.TreeTempUrl&wbtreeid=5663">资源动态
<!--[if gte IE 7]><!-->
</a>
<!--<![endif]-->
<!--[if lte IE 6]></a><![endif]-->
</li>
<li><a href="?urltype=tree.TreeTempUrl&wbtreeid=5664">培训讲座
<!--[if gte IE 7]><!-->
</a>
<!--<![endif]-->
<!--[if lte IE 6]></a><![endif]-->
</li>
</ul>
</div>
<div class="l">
<ul>
<li><a href="?urltype=tree.TreeTempUrl&wbtreeid=5665" class="a">aaaa
<!--[if gte IE 7]><!-->
</a>
<!--<![endif]-->
<!--[if lte IE 6]></a><![endif]-->
</li>
</ul>
</div>
</body>
<script src="jquery-1.9.1.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(document).ready(function() {
var url = window.location.href;
var url1;
$('.nav_menustyle_1_2 a').each(function(){
var url1 = $(this).attr('href')
if (getParams('wbtreeid', url) === getParams('wbtreeid', url1)) {
$(this).addClass('blue');
}
});
// 获取url指定参数的值
function getParams(name, url) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
var r = url.substr(1).match(reg);
if (r != null) {
return unescape(r[2]);
}
return null;
}
});
</script>
</html>
导航栏实现点击跳转页面，选中的标签改变底色
阅读 87
2022-01-13
相关推荐
精彩评论（0）
0 0 举报