jQuery实现有动画淡出效果的二级折叠菜单代码_jquery

本文实例讲述了jQuery实现有动画淡出效果的二级折叠菜单代码。分享给大家供大家参考，具体如下：

这里介绍jQuery实现有动画淡出效果的二级折叠菜单代码，相当不错，因考虑功能的实现，所以没有怎么美化，不过这样也好，可以给大家更多的空间来修饰美化，想怎么弄就怎么弄了。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/jquery-dh-flash-fade-in-out-2-menu-demo/

具体代码如下：

'); $(".side_box:first").addClass("first_side_box"); }); function changefc(color){ document.getElementById("search_input").style.color=color; } /*dropdowm menu*/ var menu=function(){ var t=15,z=50,s=6,a; function dd(n){this.n=n; this.h=[]; this.c=[]} dd.prototype.init=function(p,c){ a=c; var w=document.getElementById(p), s=w.getElementsByTagName('ul'), l=s.length, i=0; for(i;i=c.mh&&f==1)){ if(f==1){c.style.filter=''; c.style.opacity=1; c.style.overflow='visible'} clearInterval(c.t); return } var d=(f==1)?Math.ceil((c.mh-h)/s):Math.ceil(h/s), o=h/c.mh; c.style.opacity=o; c.style.filter='alpha(opacity='+(o*100)+')'; c.style.height=h+(d*f)+'px' } return{dd:dd} }();

• 一级菜单1
• 一级菜单2
  • 二级菜单1
  • 二级菜单2