kali ini saya mau berbagi script Tabs Menggunakan jquery yang sering saya gunakan untuk mempercatik website atau blog. Bbanyak web designer di indonesia atau luar negeri dan saya yang menggunakan tab dalam desain web agar terlihat lebih Menarik. jQuery adalah cara yang paling populer dan termudah untuk menciptakan efek tab di website. Jika Anda tidak menggunakan navigasi tab di website Anda maka ini adalah waktu nya anda untuk mencoba dan menggunakannya. Dibawah ini adalah kumpulan tutorial tabs dari berbagai website dan contoh dapat di download dan dicoba langsung untuk membantu anda Menambah Ilmu Website. 1. FANCY SLIDING FORM WITH JQUERY
Artikel : http://tympanus.net/codrops/2010/06/07/fancy-sliding-form-with-jquery/
Demo : http://tympanus.net/Tutorials/FancySlidingForm/
Download : http://tympanus.net/Tutorials/FancySlidingForm/FancySlidingForm.zip
2. jQuery Tabbed Interface / Tabbed Structure Menu Tutorial
Artikel : 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
Artikel : 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. Make a smooth tabbed menu in jQuery
Artikel : http://yensdesign.com/2008/12/make-a-smooth-tabbed-menu-in-jquery/
Demo : http ://yensdesign.com/tutorials/tabs/
Download : http://www.yensdesign.com/tutorials/tabs/tabs.zip
5. Sweet AJAX Tabs With jQuery 1.4 & CSS3
Artikel : 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
6. Simple jQuery tabs
Artikel : http://papermashup.com/simple-jquery-tabs/
Demo : http://papermashup.com/demos/jquery-tabs/
Download : http://papermashup.com/demos/jquery-tabs/jquery-tabs.zip
7. Make a Slide Tabbed Box using jQuery
Artikel : http://www.hieu.co.uk/blog/index.php/2009/01/28/how-simple-to-make-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
8. Dynamic Fun with SimplePie and jQuery
Artikel : 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
9. Make a Slick Tabbed Content Area using CSS & jQuery
Artikel : http://net.tutsplus.com/html-css-techniques/how-to-make-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
10. Make A Tabbed Interface Using jQuery
Artikel : http://net.tutsplus.com/javascript-ajax/make-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
11. Creating Rotating Tabs using jQuery
Artikel : 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
12. jQuery UI Tabs with Next/Previous
Artikel : http://css-tricks.com/jquery-ui-tabs-with-nextprevious/
Demo : http://css-tricks.com/examples/TabsNextPrev/
Download : http://css-tricks.com/examples/TabsNextPrev.zip
13. Organic Tabs
Artikel : http://css-tricks.com/organic-tabs/
Demo : http://css-tricks.com/examples/OrganicTabs/
Download : http://css-tricks.com/examples/OrganicTabs.zip
14. jQuery idTabs
Artikel : http://www.sunsean.com/idTabs/
Demo : http://www.sunsean.com/idTabs/
Download : http://www.sunsean.com/idTabs/jquery.idTabs.min.js
15. Animated tabbed content with jQuery
Artikel : 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
Original Site : http://www.bloggertipandtrick.net/2010/09/amazing-jquery-tabs-widgets-collection.html