jQuery实现导航下拉菜单效果

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程序设计有所帮助。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部