Dengan menggunakan jQuery, kita dapat melakukan banyak hal dengan sangat mudah daripada JavaScript normal. Jadi jQuery telah menjadi perpustakaan JavaScript paling populer yang digunakan saat ini. Saya menulis artikel saya sebelumnya tentang jQuery populer yang berisi slider konten, yang digunakan oleh desainer web. Pada artikel ini saya saya akan menunjukkan kepada Anda koleksi jQuery Tab yang lebih baik yang dapat Anda gunakan untuk situs web atau blog Anda. Ketika kita pergi ke situs web, kita dapat melihat berbagai jenis tab jQuery. Jika Anda menambahkan tampilan tab ke situs web Anda, itu menghemat banyak ruang di halaman web Anda. Juga memberikan tampilan yang lebih baik untuk situs web atau blog Anda.
Anda dapat mengunjungi situs web penulis untuk instruksi / panduan konfigurasi, dapat melihat demo langsung dari tab jQuery ini dan juga Anda dapat mengunduh file dari tab ini menggunakan URL yang diberikan di bawah ini. Saya memeriksa semua tautan ini dan berfungsi dengan baik. Tetapi di masa depan jika tautan ini tidak berfungsi, silakan tinggalkan komentar. Saya berharap untuk menambahkan lebih banyak tab jQuery ke artikel ini di masa depan, jadi tandai halaman web ini untuk referensi di masa mendatang. Jika ada tab jQuery yang Anda suka, tetapi Anda tidak bisa menambahkannya ke situs web atau blog Anda sendiri, Anda bisa menghubungi saya , saya bisa melakukannya untuk Anda.
1. Tab Sederhana dengan CSS & jQuery
Artikel: http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery/
Demo: http://www.sohtanaka.com/web-design/examples/tabs/
2. jQuery Tabbed Interface / Tutorial Menu Struktur Tab
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
Unduh: http://www.queness.com/resources/archives/jquery-tab-menu.zip
3. jQuery Sliding Tab Menu untuk Tutorial Sidebar
Artikel: http://www.queness.com/post/274/jquery-sliding-tab-menu-for-sidebar-tutorial
Demo: http://www.queness.com/resources/html/scrollto/index.html
Unduh: http://www.queness.com/resources/archives/jquery-scrollto.zip
4. Buat menu tab halus di jQuery
Artikel: http://yensdesign.com/2008/12/create-a-smooth-tabbed-menu-in-jquery/
Demo: http://yensdesign.com/tutorials/tabs/
Unduh: http://www.yensdesign.com/tutorials/tabs/tabs.zip
5. Set Tab Bersarang JQuery Diperbarui dengan Demo
Artikel: 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
Unduh: http://blog.cutterscrossing.com/enclosures/JQueryTabsDemo.zip
6. Tab AJAX Manis Dengan 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
Unduh: http://demo.tutorialzine.com/2010/01/sweet-tabs-jquery-ajax-css/demo.zip
7. Konten tab animasi dengan jQuery
Artikel: http://www.gayadesign.com/diy/animated-tabbed-content-with-jquery/
Demo: http://www.gayadesign.com/scripts/tabbed/
Unduh: http://www.gayadesign.com/scripts/tabbed/tabbedContent.zip
8. Tab Navigasi dengan Sliding Horizontal yang Halus Menggunakan jQuery
Artikel: 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
Unduh: http://assets.learningjquery.com/zips/tab-nav.zip
9. jQuery idTabs
Artikel: http://www.sunsean.com/idTabs/
Demo: http://www.sunsean.com/idTabs/
Unduh: http://www.sunsean.com/idTabs/jquery.idTabs.min.js
10. Flowplayer Tab
Artikel: http://flowplayer.org/tools/tabs/index.html
Demo: http://flowplayer.org/tools/demos/tabs/index.html
Unduh: http://flowplayer.org/tools/img/tabs/tabs.zip
http://flowplayer.org/tools/download/index.html
http://flowplayer.org/tools/download/index.html
11. Buat Kotak Tab Slide dengan menggunakan jQuery
Artikel: 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
Unduh: http://www.hieu.co.uk/Examples/SlideTabs.zip
12. Membalik Tab Konten Menggunakan jQuery
Artikel: http://webdeveloperplus.com/jquery/create-flipping-content-tabs-using-jquery/
Demo: http://demo.webdeveloperplus.com/flipping-tabs/
Unduh: http://demo.webdeveloperplus.com/source-code/flipping-tabs.zip
13. Buat Antarmuka Tab dengan Menggunakan jQuery
Artikel: http://net.tutsplus.com/javascript-ajax/create-a-tabbed-interface-using-jquery/
Demo: http://nettuts.s3.amazonaws.com/042_jQueryUITabs/demo/index.html
Unduh: http://nettuts.s3.amazonaws.com/042_jQueryUITabs/source.zip
14. Buat Area Konten Tab Slick menggunakan CSS & jQuery
Artikel: 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
Unduh: http://nettuts.s3.amazonaws.com/001_Tabbed/TabsPSD.zip
15. Dynamic Fun dengan SimplePie dan 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
Unduh: http://nettuts.s3.amazonaws.com/036_BetterBlogRoll/sourceFiles.zip
16. Membuat Rotating Tabs menggunakan jQuery
Artikel: http://www.ilovecolors.com.ar/rotating-jquery-tabs/
Demo: http://www.ilovecolors.com.ar/wp-content/uploads/rotating-jquery-tabs/
Unduh: http://www.ilovecolors.com.ar/wp-content/uploads/2009/12/rotating-jquery-tabs1.zip
17. Tab jQuery yang sangat sederhana
Artikel: 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
Artikel: http://www.roseindia.net/ajax/jquery/fadeEffectTabs.shtml
Demo: http://www.roseindia.net/ajax/jquery/fadeEffectTab.html
19. Bermain dengan jQuery Tabs
Artikel: http://insideria.com/2009/03/playing-with-jquery-tabs.html
Demo: http://www.coldfusionjedi.com/demos/jquerytabs/test.cfm
20. Tab Degradable Dengan jQuery UI
Artikel: 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 dengan Next / Sebelumnya
Artikel: http://css-tricks.com/jquery-ui-tabs-with-nextprevious/
Demo: http://css-tricks.com/examples/TabsNextPrev/
Unduh: http://css-tricks.com/examples/TabsNextPrev.zip
0 komentar:
Posting Komentar