首先非常感谢网友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选项卡