JQuery tab Switch Plug-in tabulous.js usage example

about Tabulous.js

Tabulous.js is a tab-tab switching feature of the JQuery plugin, lightweight plug-ins, simple and easy to use. The tab tag that it generates can be used to customize styles from CSS, and it also offers a variety of switching effects.

How to use Tabulous.js

First, add the JQuery framework and the Tabulous.js plugin to the page

The code is as follows	Copy Code
<link href= ' tabulous.css ' rel= ' stylesheet ' type= ' text/css ' > <script src= "Jquery.min.js" ></script> <script src= "Tabulous.js" ></script>

Then add the tab tag to the HTML structure, such as

The code is as follows	Copy Code
<div id= "Tabs" > <ul> <li><a href= "#tabs-1" title= "" >tab 1</a></li> <li><a href= "#tabs-2" title= "" >tab 2</a></li> </ul> <div id= "Tabs_container" > <div id= "Tabs-1" > <!--content content--> </div> <div id= "Tabs-2" > <!--content content--> </div> </div> </div>

Finally initialize it to

code is as follows	copy code
$ (' #tabs '). Tabulous ({ Effect: ' Scale ' });