21 Amazing jQuery Tabs Collection

We often find when we visit the blog someone wearing the tab menu, which is a menu that uses tabs to display wisget-widget that is placed on a particular web.
How to create menu tabs?
you can choose and use the existing script sibawah this.

There are many options

1. Simple Tabs w/ CSS & jQuery 

Article : http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery/
Demo : http://www.sohtanaka.com/web-design/examples/tabs/

2. jQuery Tabbed Interface / Tabbed Structure Menu Tutorial 

Article : http://www.queness.com/post/106/jquery-tabbed-interfacetabbed-structure-menu-tutorial
Demo : http://www.queness.com/resources/html/tabmenu/jquery-tabbed-menu-queness.html
Download : http://www.queness.com/resources/archives/jquery-tab-menu.zip

3. jQuery Sliding Tab Menu for Sidebar Tutorial 

Article : http://www.queness.com/post/274/jquery-sliding-tab-menu-for-sidebar-tutorial
Demo : http://www.queness.com/resources/html/scrollto/index.html
Download : http://www.queness.com/resources/archives/jquery-scrollto.zip

4. Create a smooth tabbed menu in jQuery 

Article : http://yensdesign.com/2008/12/create-a-smooth-tabbed-menu-in-jquery/
Demo : http://yensdesign.com/tutorials/tabs/
Download : http://www.yensdesign.com/tutorials/tabs/tabs.zip

5. Updated JQuery Nested Tab Set with Demo 

Article : http://blog.cutterscrossing.com/index.cfm/2007/6/15/Updated-JQuery-Nested-Tab-Set-with-Demo
Demo : http://blog.cutterscrossing.com/index.cfm/2007/6/15/Updated-JQuery-Nested-Tab-Set-with-Demo
Download : http://blog.cutterscrossing.com/enclosures/JQueryTabsDemo.zip

6. Sweet AJAX Tabs With jQuery 1.4 & CSS3 

Article : http://tutorialzine.com/2010/01/sweet-tabs-jquery-ajax-css/
Demo : http://demo.tutorialzine.com/2010/01/sweet-tabs-jquery-ajax-css/demo.html
Download : http://demo.tutorialzine.com/2010/01/sweet-tabs-jquery-ajax-css/demo.zip

7. Animated tabbed content with jQuery 

Article : hxxp://www.gayadesign.com/diy/animated-tabbed-content-with-jquery/
Demo : hxxp://www.gayadesign.com/scripts/tabbed/
Download : hxxp://www.gayadesign.com/scripts/tabbed/tabbedContent.zip

8. Tab Navigation with Smooth Horizontal Sliding Using jQuery 

Article : http://www.learningjquery.com/2009/09/tab-navigation-with-smooth-horizontal-sliding-using-jquery
Demo : http://www.learningjquery.com/2009/09/tab-navigation-with-smooth-horizontal-sliding-using-jquery
Download : http://assets.learningjquery.com/zips/tab-nav.zip

9. jQuery idTabs 

Article : http://www.sunsean.com/idTabs/
Demo : http://www.sunsean.com/idTabs/
Download : http://www.sunsean.com/idTabs/jquery.idTabs.min.js

10. Flowplayer Tabs 

Article : http://flowplayer.org/tools/tabs/index.html
Demo : http://flowplayer.org/tools/demos/tabs/index.html
Download : http://flowplayer.org/tools/img/tabs/tabs.zip
http://flowplayer.org/tools/download/index.html

11. Create a Slide Tabbed Box using jQuery 

Article : http://www.hieu.co.uk/blog/index.php/2009/01/28/how-easy-to-create-a-slide-tabbed-box-using-jquery/
Demo : http://www.hieu.co.uk/Examples/SlideTabs/index.html
Download : http://www.hieu.co.uk/Examples/SlideTabs.zip

12. Flipping Content Tabs Using jQuery 

Article : http://webdeveloperplus.com/jquery/create-flipping-content-tabs-using-jquery/
Demo : http://demo.webdeveloperplus.com/flipping-tabs/
Download : http://demo.webdeveloperplus.com/source-code/flipping-tabs.zip

13. Create A Tabbed Interface Using jQuery 

Article : http://net.tutsplus.com/javascript-ajax/create-a-tabbed-interface-using-jquery/
Demo : http://nettuts.s3.amazonaws.com/042_jQueryUITabs/demo/index.html
Download : http://nettuts.s3.amazonaws.com/042_jQueryUITabs/source.zip

14. Create a Slick Tabbed Content Area using CSS & jQuery 

Article : http://net.tutsplus.com/html-css-techniques/how-to-create-a-slick-tabbed-content-area/
Demo : http://nettuts.s3.amazonaws.com/001_Tabbed/site/jQuery.html
Download : http://nettuts.s3.amazonaws.com/001_Tabbed/TabsPSD.zip

15. Dynamic Fun with SimplePie and jQuery 

Article : http://net.tutsplus.com/javascript-ajax/building-a-better-blogroll-dynamic-fun-with-simplepie-and-jquery/
Demo : http://nettuts.s3.amazonaws.com/036_BetterBlogRoll/sourceFiles/index.html
Download : http://nettuts.s3.amazonaws.com/036_BetterBlogRoll/sourceFiles.zip

16. Creating Rotating Tabs using jQuery 

Article : http://www.ilovecolors.com.ar/rotating-jquery-tabs/
Demo : http://www.ilovecolors.com.ar/wp-content/uploads/rotating-jquery-tabs/
Download : http://www.ilovecolors.com.ar/wp-content/uploads/2009/12/rotating-jquery-tabs1.zip

17. Ultra simple jQuery tabs 

Article : http://justfreetemplates.com/blog/2009/08/31/ultra-simple-jquery-tabs.html
Demo : http://justfreetemplates.com/blog/wp-content/uploads/2009/08/simple-jquery-tabs.html

18. jQuery To Fade Effects tabs 

Article : http://www.roseindia.net/ajax/jquery/fadeEffectTabs.shtml
Demo : http://www.roseindia.net/ajax/jquery/fadeEffectTab.html

19. Playing with jQuery Tabs 

Article : http://insideria.com/2009/03/playing-with-jquery-tabs.html
Demo : http://www.coldfusionjedi.com/demos/jquerytabs/test.cfm

20. Degradable Tabs With jQuery UI 

Article : http://www.ultramegatech.com/blog/2009/09/degradable-tabs-with-jquery-ui/
Demo : http://www.ultramegatech.com/blog/examples/tabs.htm

21. jQuery UI Tabs with Next/Previous 

Article : http://css-tricks.com/jquery-ui-tabs-with-nextprevious/
Demo : http://css-tricks.com/examples/TabsNextPrev/
Download : http://css-tricks.com/examples/TabsNextPrev.zip

2 komentar:

Major on November 3, 2014 at 3:59 AM said...

Great stuff

web lol on August 9, 2015 at 4:45 PM said...

kul post!

Post a Comment

Just Comment. Not Spam!

 

Followers

There was an error in this gadget

Free Download Scripts and Source Code | © 2009 | edited by asal-klik