当前位置: 代码迷 >> Web前端 >> 依据url地址动态高亮显示导航的脚本
  详细解决方案

依据url地址动态高亮显示导航的脚本

热度:26   发布时间:2012-08-21 13:00:21.0
根据url地址动态高亮显示导航的脚本
<script type="text/javascript">
	$(document).ready(
			function() {
				// 导航url
				var domainUrl = ["url1", "url2", "url3", "url4"];
				$("#nav > li").each(
						function(i) {
								if (window.location.href.indexOf(domainUrl[i],
										0) >= 0) {
									// 请求url和导航url匹配时添加高亮
									$(this).addClass("hover").mouseout(
											function() {
												$(this).addClass("hover");
											});
								}
						});
			});
</script>

说明:

??????? domainUrl是导航的每个菜单中包含的不一样的字符数组。

?

  相关解决方案