jquery下拉菜单特效（用jquery怎样做一个有弹动效果的下拉菜单）
本文目录
用jquery怎样做一个有弹动效果的下拉菜单
/*样式*/*{margin:0;padding:0;}ul,li{list-style:none;}ul{height:50px; width:1000px; margin:50px auto;}ul li{width:25%; height:50px; float:left; text-align:center; position:relative;}ul li a{display:block; line-height:50px; color:#f00;}ul li dl{position:absolute; left:0; top:100%; width:100%; display:none; overflow:hidden;}ul li dl dt{height:30px; width:100%; float:left;}ul li dl dt a{line-height:30px !important; color:#000 !important;}
html
《ul》 《li》 《a href=““》导航1《/a》 《dl》 《dt》《a href=““》下拉1-1《/a》《/dt》 《dt》《a href=““》下拉1-2《/a》《/dt》 《dt》《a href=““》下拉1-3《/a》《/dt》 《dt》《a href=““》下拉1-4《/a》《/dt》 《/dl》 《/li》 《li》 《a href=““》导航2《/a》 《dl》 《dt》《a href=““》下拉2-1《/a》《/dt》 《dt》《a href=““》下拉2-2《/a》《/dt》 《/dl》 《/li》 《li》 《a href=““》导航3《/a》 《dl》 《dt》《a href=““》下拉3-1《/a》《/dt》 《dt》《a href=““》下拉3-2《/a》《/dt》 《dt》《a href=““》下拉3-3《/a》《/dt》 《/dl》 《/li》 《li》 《a href=““》导航4《/a》 《dl》 《dt》《a href=““》下拉4-1《/a》《/dt》 《dt》《a href=““》下拉4-2《/a》《/dt》 《dt》《a href=““》下拉4-3《/a》《/dt》 《dt》《a href=““》下拉4-4《/a》《/dt》 《dt》《a href=““》下拉4-5《/a》《/dt》 《/dl》 《/li》《/ul》js,记得嵌入jquery库
$(“li“).mouseenter(function(){ var dl = $(this).find(“dl“); var hei = $(this).find(“dl“).height(); dl.show(); dl.height(0); dl.animate({height:hei},“fast“,function(){ $(this).animate({height:hei/3},300,function(){ $(this).animate({height:hei},300,function(){ $(this).animate({height:hei/2},300,function(){ $(this).animate({height:hei},300); }); }); }); });});$(“li“).mouseleave(function(){ $(this).find(“dl“).hide();});粗糙的写了一个例子
jquery实现html的控件select的缓慢下拉效果
的确有这样的效果，但用select标签本身是做不到的，一般是用图层重新和表格重新画一个类似select框的东西平时把表格隐藏并且讲的高度设为0，遇到事件触发时，用动画慢慢把高度拉大。而且select的外观是由系统外观决定的无法改变，一般看到的网页上的很漂亮的下拉菜单，如果不是用flash做的话，都是用其他标签重画的。
更多文章：
虚拟机怎么共享本机文件？vmware虚拟机，如何将本地主机的文件导入虚拟机
2025年3月24日 22:40
2025年3月23日 19:50
2025年3月16日 10:10
2025年3月25日 12:40
class文件反编译工具（将.class文件反编译成.java文件都有哪些工具）
2025年2月26日 09:40
form的用法（form ,type,shape,kind的区别和用法）
2025年2月18日 05:30
commonjs（简述什么是commonjs，以及其与nodejs的关系）
2025年2月12日 23:00
sample rate（vray SampleRate通道怎么使用）
2025年3月31日 01:00
android系统的优缺点（ios系统与android系统各自优缺点）
2025年3月7日 10:00
2025年3月13日 18:10
2025年3月23日 17:40
photoshop安卓手机版下载（照片ps软件手机版如何下载）
2025年2月9日 08:30
innovate是什么意思（impossible是什么意思）
2025年3月14日 16:50
2025年4月3日 20:20
liberation怎么读（Liberation 怎么读拼音打上吧！）
2025年3月13日 08:30
2025年2月13日 23:40
2025年3月26日 06:50
2025年3月18日 13:10
2025年3月10日 10:20
2025年3月21日 23:30
