首先非常感谢网友czqn8的无私分享,此作品是一款非常实用的jquery导航菜单,实现了滑动横向二级菜单jquery特效,功能非常简单,几行jquery代码就完成了,主要运用了jquery插件中的slideDown和slideUp方法。。。
	
	jquery代码如下:
$(function () {
	var navLi=$(".menu .nav li");
	navLi.mouseover(function () {
		$(this).find("a").addClass("current");
		$(this).find(".box").stop().slideDown();
	})
	navLi.mouseleave(function(){
		$(this).find("a").removeClass("current");
		$(this).find(".box").stop().slideUp();
	})
})
	效果如下:
	 
   
                    
                    	
                    	    
                    	 
    如果您觉得本作品对您的学习有所帮助:
    	
                    	   
                    	   关键字:
网友czqn8 鼠标悬停 jquery特效 导航菜单 二级菜单 滑动插件 jquery选项卡