21 Amazing jQuery Tabs Collection
blogger tips, Blogger tutorials, css Menus, Jquery, tabs 4:22 PM
You can visit authors websites for configuration instructions/guides,can view live demos of these jQuery Tabs and also you can download files of these tabs using the URLs given below.I checked all of these links and they are working correctly.But in future if this links doesn't work, please leave a comment.I hope to add more jQuery tabs to this article in the future ,so bookmark this web page for future reference.If there is a jQuery tab you like,but you can not add it to your website or blog yourself,you can contact me,I can do it for you.
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 : http://www.gayadesign.com/diy/animated-tabbed-content-with-jquery/
Demo : http://www.gayadesign.com/scripts/tabbed/
Download : http://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
If you like this post or this post has helped you in anyway, please click the +1 button below to recommend this page and support our website.
You can follow us on Twitter or join our Facebook Fan Page for more updates like this .
Posted by Chaitu
on 4:22 PM.
Filed under
blogger tips,
Blogger tutorials,
css Menus,
Jquery,
tabs
.
You can follow any responses to this entry through the RSS 2.0