JS基于构造函数实现的菜单滑动显隐效果

本文实例讲述了JS基于构造函数实现的菜单滑动显隐效果。分享给大家供大家参考，具体如下：

运行效果截图如下：

具体代码如下：

 html,body{
 height:100%;
 margin:0;
 font-size:12px;
 }
 span{
 background:#F0DFBE;
 border:1px solid #ffffff;
 border-left:6px solid #F2A31B;
 width:228px;
 height:23px;
 display:block;
 line-height:23px;
 padding-left:20px;
 }
 a{
 padding:3px 0 3px 40px;
 display:block;
 color:#636363;
 }
 #my_menu{
 width:255px;
 background:#F7F2E4;
 height:100%;
 }
 div.sdmenu div.collapsed {
 height: 25px;
}
 div.sdmenu div{
 overflow: hidden;
 }



 
 
  菜单一
  >  菜单一子内容
  >  菜单一子内容
  >  菜单一子内容
  >  菜单一子内容
  >  菜单一子内容
 
 
  菜单二
  >  菜单二子内容
  >  菜单二子内容
  >  菜单二子内容
 
 
  菜单三
  >  菜单三子内容
  >  菜单三子内容
  >  菜单三子内容
 
 
  菜单三
  >  菜单三子内容
  >  菜单三子内容
  >  菜单三子内容
 
 
  菜单三
  >  菜单三子内容
  >  菜单三子内容
  >  菜单三子内容
 
 
  菜单x
  >  菜单三子内容
  >  菜单三子内容
  >  菜单三子内容
 
 

更多关于Javascript相关内容感兴趣的读者可查看本站专题：《Javascript切换特效与技巧总结》、《Javascript查找算法技巧总结》、《Javascript动画特效与技巧汇总》、《Javascript错误与调试技巧总结》、《Javascript数据结构与算法技巧总结》、《Javascript遍历算法与技巧总结》及《Javascript数学运算用法总结》

希望本文所述对大家Javascript程序设计有所帮助。