Using jQuery,we can do many things very easily than normal
JavaScript.So jQuery has became the most popular JavaScript library in
use today.I wrote my previous article
about popular jQuery featured content sliders,that are used by web
designers.In this article I am going to show you a better jQuery Tabs
collection you can use for your websites or blogs.When we go to
websites,we can see different types of jQuery Tabs.If you add a tab
view to your website,it save a lot of space in your web pages.Also it
gives a better appearance to your website or blog.
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

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
No comments:
Post a Comment