本文演示了导航下拉菜单的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
程序设计有所帮助。