欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

一段根据URL地址动态高亮显示菜单的js代码,很好用!

程序员文章站 2022-05-17 11:34:35
...

    一段根据URL地址动态高亮显示菜单的js代码,很好用!

 

 

 

	var url =  window.location.href;
	getUrl(1);
	if(url.indexOf('/product/') > 0){
		getUrl(1);
	}
	if(url.indexOf('/jobs/') > 0 || url.indexOf("/work/") > 0){
		getUrl(2);
	}
	if(url.indexOf('/video/') > 0){
		getUrl(3);
	}
	if(url.indexOf('/zhidao') > 0){
		getUrl(4);
	}
	function getUrl(val){
		for(var i=1;i<4;i++){
			if(i==val){
				document.getElementById("index"+i).className="nav1";
			}else{
				document.getElementById("index"+i).className="nav2";	 
			}
		}
	}