Simple & Simple Tabs plug-in code based on Jquery _ jquery

A simple & amp; Tabs plug-in based on Jquery. For more information, see. HTML code

The Code is as follows:

1

2

3

First

Second

Third

Jquery

The Code is as follows:

$ (). PPXTabs ({nav: '. tab Lil', nav_txt:'. tab_box P', selectedClass: 'selected', hoverClass: 'hover '});

Jquery. PPXTabs. js Code

The Code is as follows:

/* ===================================================== ======================================
* Copyright 2009 PPX
* Email: Mr.cuix@Gmail.com
* Original version Author: PPX Creation Time:
* ===================================================== ======================================
* Parameter description
*Navigation Column
*Navigation content
*Selected Style
*Style when passing
*
* The default value is
* $ (). PPXTabs ({
Nav: '. news_title1 li ',
Nav_txt: '. news_list_box P ',
SelectedClass: 'tab _ partition ',
HoverClass: 'tab _ partition B'
});
==========================================
Demo
-----

1

2

3

First

Second

Third

==========================================
Css
-----
$ (). PPXTabs ({nav: '. tab Lil', nav_txt:'. tab_box P', selectedClass: 'selected', hoverClass: 'hover '});
*/

$. Fn. PPXTabs = function (options ){
// Default Configuration
Var settings = {
Nav: '. news_title1 li ',
Nav_txt: '. news_list_box P ',
SelectedClass: 'tab _ partition ',
HoverClass: 'tab _ partition B'
};
// Main Function
$ (Function (){
Var tab_menu_li = $ (settings. nav );
$ (Settings. nav_txt + ': gt (0)'). hide ();

Tab_menu_li.hover (function (){
// Move the cursor in
$ (This). removeClass (settings. hoverClass );
$ (This). siblings (). find ("." + settings. selectedClass). removeClass (settings. selectedClass );
$ (This). siblings ("li"). addClass (settings. hoverClass );
$ (This). addClass (settings. selectedClass );
Var index = tab_menu_li.index (this );
$ (Settings. nav_txt). eq (index). show (). siblings (). hide ();
}, Function (){
// Move the mouse out
$ (This). removeClass (settings. selectedClass );
$ (This). siblings (). find ("." + settings. selectedClass). removeClass (settings. selectedClass );
$ (This). siblings ("li"). addClass (settings. hoverClass );
$ (This). addClass (settings. selectedClass );

});

});
If (options ){
$. Extend (settings, options );
}


};