ZKX's LAB

jQuery实现带延迟效果的滑动菜单代码 jquery 水平滑动菜单

2021-04-06知识10

jquery 滑动菜单 求解 改用click加data判断(\".li1\").click(function(){(this).siblings().animate({height:20},300).css({\"background-image\":\"url(./images/news1.png)\"});if($(this).data(\"h\")=60){(this).animate({height:20},300).css({\"background-image\":\"url(./images/news1.png)\"}).data(\"h\",20);}else{(this).animate({height:60},300).css({\"background-image\":\"url(./images/news2.png)\"}).data(\"h\",60);}});

jquery实现二级菜单时,点击一级菜单,二级菜单滑出一下就又消失了 jquery实现由一级导航菜单到二级滑动显示效果,并点击增加背景变化效果,代码挺简单的,但是也效果也很好,是非常实用的,也是很流行的菜单样式html:12a href=\"#nogo\">;22<;/a>;<;/li>;a href=\"#nogo\"class=\"curButA\">;22<;/a>;<;/li>;a href=\"#nogo\">;22<;/a>;<;/li>;a href=\"#nogo\">;22<;/a>;<;/li>;3a href=\"#nogo\">;33<;/a>;<;/li>;a href=\"#nogo\"class=\"curButA\">;33<;/a>;<;/li>;a href=\"#nogo\">;33<;/a>;<;/li>;a href=\"#nogo\">;33<;/a>;<;/li>;4a href=\"#nogo\">;44<;/a>;<;/li>;a href=\"#nogo\"class=\"curButA\">;44<;/a>;<;/li>;a href=\"#nogo\">;44<;/a>;<;/li>;a href=\"#nogo\">;44<;/a>;<;/li>;5a href=\"#nogo\">;55<;/a>;<;/li>;a href=\"#nogo\"class=\"curButA\">;55<;/a>;<;/li>;a href=\"#nogo\">;55<;/a>;<;/li>;a href=\"#nogo\">;55<;/a>;<;/li>;6a href=\"#nogo\">;66<;/a>;<;/li>;a href=\"#nogo\"class=\"curButA\">;66<;/a>;<;/li>;a href=\"#nogo\">;66<;/a>;<;/li>;a href=\"#nogo\">;66。

制作一个普通网页,要求包含常见的jQuery效果,如弹出式菜单,滚动图片 这类的特效代码直接在网上一搜一大把。下载实例根据自己的需要修改一下即可使用。

随机阅读

qrcode
访问手机版