JS实现具备延时功能的滑动门菜单效果

本文实例讲述了JS实现具备延时功能的滑动门菜单效果。分享给大家供大家参考。具体如下：

这是一款鼠标感应时间延迟的滑动门菜单，其实也就是一滑动门，只不过鼠标在移上后不是立即反应，而是稍微迟缓了一下，这样用也是有好处的，这个时间根据你的喜好是可以调整的，本滑动门你可轻易修改外观，把它变成一个内容扩展的菜单。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-delay-style-show-menu-codes/

具体代码如下：

 
 

  

   

    
上海
    
北京
    
广州
   
  
  
上海的内容
 
 
 

  

   

    
上海
    
北京
    
广州
   
  
  
北京的内容
 
 
 

  

   

    
上海
    
北京
    
广州
   
  
  
广州的内容
 





 
 

  

   

    
广东
    
江苏
    
山东
   
  
  
广东的内容
 
 
 

  

   

    
广东
    
江苏
    
山东
   
  
  
江苏的内容
 
 
 

  

   

    
广东
    
江苏
    
山东
   
  
  
山东的内容
 

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