本文实例讲述了js实现点击向下展开的下拉菜单效果代码。分享给大家供大家参考。具体如下：
这里介绍js实现点击向下展开的下拉菜单特效代码，无调用jQuery，真正的JS下拉菜单，兼容性方面未做测试，觉得有用处的自己测试修正吧，本文仅提供基础的代码供参考。
运行效果截图如下：
在线演示地址如下：
http://demo.jb51.net/js/2015/js-click-show-down-menu-style-codes/
具体代码如下：
<!DOCTYPE html PUBLIC "-
本文实例讲述了jQuery实现带动画效果的多级下拉菜单代码。分享给大家供大家参考。具体如下：
这是一款基于jQuery实现的多级下拉菜单，带动画效果，所有的元素以ul li ul li ul li的循环格式嵌套 如果没有下级分类 就用li a结束嵌套，代码内不用toggle()的原因是为了在收缩菜单的时候同时也将该菜单的下级菜单以后的所有元素都隐藏。
运行效果截图如下：
在线演示地址如下：
http://demo.jb51.net/js/2015/jquery-animate-style-do
本文实例讲述了jQuery实现渐变下拉菜单的简单方法。分享给大家供大家参考。具体实现方法如下：
复制代码 代码如下:[removed]
$(function(){
$(“#nav li”).hover(function(){if(!$(this).children(“#nav li ul”).is(“:animated”)){$(this).children(“#nav li ul”).fadeIn(“100”);}},function(){$(this).childre
