Multi-level webpage menu effect extending to the right using JavaScript _ javascript skills

This article mainly introduces how JavaScript achieves multi-level menu display to the right, and how to expand the menu to the right by calling dynamic changes of page element attributes in javascript, which has some reference value, for more information, see the examples in this article. Share it with you for your reference. The details are as follows:

Here, JavaScript is used to implement the multi-level webpage menu extending to the right. Place the mouse on the main menu on the left, and the second-level menu is displayed on the right. The menu is not beautifying. Thank you for your attention, there are a lot of improvements.

The running effect is as follows:

The Online Demo address is as follows:

Http://demo.jb51.net/js/2015/js-right-show-web-menu-codes/

The Code is as follows:

      
 Multi-level menu stretched out to the right  
   
 
 
    
  
  
Literature
    
  
  
Art
    
  
  
Photography
   
 
 
   
 
 
    
  
  
1-1
    
  
  
2-1
    
  
  
3-1