[Add to favorites] 3 jquery tabs

Three jquery tabs

Blog type:

• Jquery

Jqueryjavascriptxhtmlhtml

I. jquery idtabs

Idtabs is a jquery plug-in. It can easily add tabs for websites and opens the door to endless possibilities.

 

• Demo:Http://www.sunsean.com/idTabs/
• Download:Http://www.sunsean.com/idTabs/jquery.idTabs.min.js

Ii. jquery Tab

Jquery tab is the plug-in of jquery. It has vertical scrolling, horizontal scrolling, click triggering, cross triggering, automatic switching, and other effects.

 

Jquery section:

<SCRIPT type = "text/JavaScript" src = "JS/jquery-1.4.2.min.js"> </SCRIPT> <SCRIPT type = "text/JavaScript" src = "JS/jquery. tab. JS "> </SCRIPT> < Script Type = "Text/JavaScript"  > $ ( Document ) . Ready  (  Function  (  )  { $ (  "# Testtab"  ) . Tab  (  { Tabid :  "# Tabtag"  ,      // Switch the Controller ID Tabtag :  "Li"  ,          // Switch the Controller label Conid :  "# Tabcon" ,      // Content container ID CONTAG :  ". Tabcon"      // Container label      // Auto: True, // Automatic Switch      // Act: "click", // click trigger. You can also set click to Mouseover by default.      // Effact: "scrolly", // The effect is vertical scroll, and the horizontal scroll effect is scrollx      // DFT: 0, // set the start display Sequence      // Effact: "slow" // "slow" Effect    }  )  }  )  </ Script > 

XHTML section:

 <Div ID="Testtab">    <Div ID="Tabtag">     <Ul>        <Li> Project 1 </Li>        <Li> Project 2 </Li>        <Li> Project 3 </Li>      </Ul>    </Div>    <Div ID="Tabcon">      <Div Class="Tabcon"> Project 1 </Div>      <Div Class="Tabcon"> Project 2</Div>      <Div Class="Tabcon"> Project 3 </Div>    </Div>  </Div> 

• Demo:Http://basketball.titan24.com/nba/focus/kikx/jQtab.html
• Download:Jquerytab (113)

Iii. jquery tools tabs

Jquery tools tabs is also a very powerful jquery tab plug-in. It can also easily add tabs for websites and open the door to endless possibilities.

• Demo:Http://flowplayer.org/tools/tabs/index.html
• Download:Http://flowplayer.org/tools/download/combine/1.2.5/jquery.tools.min.js