华拓科技网

全部频道

您的当前位置：首页基于jQuery实现简单的折叠菜单效果_jquery

基于jQuery实现简单的折叠菜单效果_jquery

来源：华拓科技网
 本文实例讲述了JQuery实现简单的折叠菜单效果代码。分享给大家供大家参考。具体如下：
运行效果截图如下：

Html代码如下：


 
菜单一

 
 
  • 1111
    • 
 
  • 1111
    • 
 
  • 1111
    • 
 
 
    菜单二
    
 
 
  • 2222
    • 
 
  • 2222
    • 
 
  • 2222
    • 
 
 
    菜单三
    
 
 
  • 3333
    • 
 
  • 3333
    • 
 
  • 3333
    •

    插件实现代码如下：

    


    这里就不作讲解了，注释都写明了。
    
示例DEMO如下：
    

    


    


 
 


 
 
    菜单一
    
 
 
  • 1111
    • 
 
  • 1111
    • 
 
  • 1111
    • 
 
 
    菜单二
    
 
 
  • 2222
    • 
 
  • 2222
    • 
 
  • 2222
    • 
 
 
    菜单三
    
 
 
  • 3333
    • 
 
  • 3333
    • 
 
  • 3333
    • 
 
 

 
 
 
    


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




        
                
            
            
            
    
    显示全文