Javascript code for sliding menu effects (including tabs, tabs, and horizontal effects) _ javascript tips-JS tutorial

This article mainly introduces JS Code for implementing the sliding menu effect. It provides tabs, tabs, and horizontal effects in the form of examples, which is very simple and practical, for more information about how to use JS to implement the sliding menu, see the following example. Share it with you for your reference. The details are as follows:

Here, we implement a special effect to centralize the tabs and sliding doors on the webpage into one webpage. Some comrades once worried about setting up two sliding doors on the same page. Please refer to this example and I believe you will find the answer, there are also tabs in various ways of arrangement, there is always one that will satisfy you.

The running effect is as follows:

The Online Demo address is as follows:

Http://demo.jb51.net/js/2015/js-move-tab-nav-menu-demo-style-codes/

The Code is as follows:

   Tab       
Homepage
 
Hey, ignore the original class value of p.
 
Test
Ignore the original h3 class value.
Bored
H3 has no value ~
Dumb
P has no value ~
 
 
Homepage
 
 

  
  
Hey, ignore the original class value of the container.
 
 
Test
 
 

  
  
Ignore the original h3 class value.
 
 
Bored
 
 

  
  
H3 has no value ~
 
 
Dumb
 
 

  
  
P has no value ~
 
 
 
 
Homepage
Hey, ignore the original h3 class value.
Test
Ignore the original class value of p.
Bored
H3 has no value ~
Dumb
The class value is similar ~
After the class is specified, you can add another p.