jquery实现带渐变淡入淡出并向右依次展开的多级菜单效果实例_jquery

本文实例讲述了jquery实现带渐变淡入淡出并向右依次展开的多级菜单效果。分享给大家供大家参考。具体如下：

这是一款核心基于jquery的多级导航菜单特效，横向向右依次展开菜单项，当然本菜单并不是完美的，因此没有怎么美化，另外包括子菜单的上级菜单中缺少一个菜单标记，这样用户有时候不知道哪个菜单中含有下级子菜单。不过添加这样一个标记似乎挺简单，你可以自己动手添加吧。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/jquery-right-show-menu-codes/

具体代码如下：

Item 1
 

Folder 0
  

   
Browse our spring collection of useful webmaster tools and resources! 
   

JavaScript
   
CSS类
   

CSS库
   

网站工具
   

   

Image Optimizer
Use this tool to easily optimize regular gifs, animated gifs. 
   

我的收藏夹
Generate a favicon using any regular image with this tool. 
   

动画GIF
Animated Gif Generator lets you easily create an animated gif。
   
   
PHP程序设计
   

 
 

Folder 1
  

Sub Item 1.1
  
Sub Item 1.2
  

Sub Item 1.3
   

Sub Item 1.3.1
    
Sub Item 1.3.2
    
Sub Item 1.3.3
   

  
Sub Item 1.4
  
Sub Item 1.2
  
Sub Item 1.3
  
Sub Item 1.4
  

 
Item 3
 

Folder 2
  

 
Item 4
 

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