0
点赞
收藏
分享

微信扫一扫

导航栏实现点击跳转页面,选中的标签改变底色

hoohack 2022-01-13 阅读 85
<!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>

举报

相关推荐

0 条评论