jQuery实现导航下拉菜单效果

本文演示了导航下拉菜单的jQuery实现的效果:

1。效果如图所示:



2.html代码:




首页
衬衫

短袖衬衫
长袖衬衫
背心


毛衣

开襟毛衣
帽衫


裤子

休闲裤
卡其裤
牛仔裤
短裤


联系我们






3.jquery代码:


/ /导航效果(IE6)
*
1。使用$(#导航UL李:有(UL))函数来选择包含元素,然后添加悬停事件给他们,
2。在悬停事件的第一个函数中,使用$(这个)子()来查找元素内的元素,然后用停止(true,true)语句扩展导航。
三.在悬停事件的第二个功能,导航隐藏了停止(真的,真的)。SlideUp(快速)声明
4、在两个动画效果之前添加停止(true,true)方法。这种方法的优点是清空动画队列以完成并跳转正在执行的动画到结束状态。
* /
$(函数(){())
$(#导航UL李:有(UL))。Hover(function(){()
$(这)。儿童(UL)。停止(真的,真的),SlideDown(400);
}函数(){()
$(这)。儿童(UL)。停止(真的,真的)。SlideUp(快速);
});
})




关于jQuery相关内容的更多读者感兴趣的读者可以看到特别站:

希望本文能对jQuery程序设计有所帮助。