js css implementation of navigation effect example_javascript skills

The example in this article describes how to achieve navigation effects with js and css. Share it with everyone for your reference. The specific implementation method is as follows:

1. The program code is as follows:

Copy code The code is as follows:

  
 
 
 
 
 
 
 
 

 
 

 
 

菜单1

 
  

 
   

 
    
• 菜单选项1-2
 
    
•  
        菜单选项1-2 
       
   
        
  • 菜单选项1-2-1
   
        
  • 菜单选项1-2-2
   
       
   
      
 
    
• 菜单选项1-2
 
    
• 菜单选项1-2
 
   

 
  

 
 

 
 

 
 

菜单2

 
 

 
 

 
 
• 菜单选项2-2
 
 
• 菜单选项2-2 
   
   
   
  • 菜单选项2-2-1
   
   
  • 菜单选项2-2-2 
     
     
     
    • 菜单选项2-2-1
     
     
    • 菜单选项2-2-2 
       
     
     
     
     
   
   
   
   
 
 
• 菜单选项2-2
 
 
• 菜单选项2-2
 
 

 
 

 
 

 
 

 
 

菜单3

 
 

 
 

 
 
• 菜单选项3-2
 
 
• 菜单选项3-2 
   
   
   
  • 菜单选项3-2-1
   
   
  • 菜单选项3-2-2 
     
     
     
    • 菜单选项3-2-1
     
     
    • 菜单选项3-2-2 
       
       
       
      • 菜单选项3-2-1
       
       
      • 菜单选项3-2-2
       
       
       
       
     
     
     
     
   
   
   
   
 
 
• 菜单选项3-2
 
 
• 菜单选项3-2
 
 

 
 

 
 

 

 
  
 

2. 程序效果

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