21 jQuery Menakjubkan Tab Koleksi di Web atau blog

Bookmark and Share
Menggunakan jQuery, kita dapat melakukan banyak hal yang sangat mudah dari JavaScript normal. Jadi jQuery telah menjadi perpustakaan JavaScript yang paling populer digunakan saat ini. Saya menulis artikel saya sebelumnya tentang populer slider jQuery menampilkan konten, yang digunakan oleh desainer web. Dalam artikel ini saya akan menunjukkan koleksi jQuery lebih baik Anda dapat menggunakan Tab untuk website atau blog Anda. Ketika kita pergi ke situs web, kita dapat melihat berbagai jenis Tabs.If jQuery Anda menambahkan tampilan tab ke website Anda, menyimpan banyak ruang di pages.Also web Anda memberikan penampilan yang lebih baik untuk situs Web atau blog.
21 Amazing jQuery Tabs CollectionAnda dapat mengunjungi website penulis untuk petunjuk konfigurasi / panduan, dapat melihat demo live ini Tabs jQuery dan juga Anda dapat men-download file dari tab ini menggunakan URL yang diberikan di bawah ini. Aku memeriksa semua link dan mereka bekerja dengan benar. Tapi di masa depan jika link ini tidak berhasil, silakan tinggalkan komentar. Saya berharap untuk menambahkan tab lebih jQuery untuk artikel ini di masa depan, sehingga bookmark halaman web ini untuk referensi di masa mendatang. Jika ada tab jQuery Anda suka, tetapi Anda tidak dapat menambahkannya ke situs Web atau blog sendiri, Anda dapat menghubungi saya, saya bisa melakukannya untuk Anda.
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


sumber : http://www.bloggertipandtrick.net

{ 0 komentar... Views All / Send Comment! }

Posting Komentar

Powered By Blogger