jquery 栏目跟随效果

<ul class="clear fr nav_active" id="main_menu">
				        
						  <li class="1"><a href="/" target=""> 首页</a><i></i></li>
						
					
    
						  <li class="1 nav_active"><a href="/business.html" target=""> 商业</a><i></i></li>
						
					
    
						  <li class="1"><a href="/Art.html" target=""> 艺术</a><i></i></li>
						
					



	            <!-- <li class='nav_active'><a href="">商业3</a><i></i></li>
	            <li><a href="">艺术</a><i></i></li>
	            <li><a href="">风云榜</a><i></i></li>
	            <li><a href="">接招</a><i></i></li>
	            <li><a href="">招聘</a><i></i></li> -->

	        </ul>












<script type="text/javascript">

$(function(){

	//栏目跟随效果
	$("#main_menu a").each(function(){
		if ($(this)[0].href == String(window.location)) { 
			$(this).parentsUntil("#main-menu>ul>li").addClass("nav_active");
		} 
	});
});


</script>

　　

转载于:https://www.cnblogs.com/Abner3721/p/8556307.html