Menu

Detail Artikel

Home/ Web Design/Detail Artikel

Koleksi Jquery Tabs Cantik cocok untuk Website dan Blog

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

Artikelhttp://net.tutsplus.com/javascript-ajax/building-a-better-blogroll-dynamic-fun-with-simplepie-and-jquery/
Demohttp://nettuts.s3.amazonaws.com/036_BetterBlogRoll/sourceFiles/index.html
Downloadhttp://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

Artikelhttp://www.ilovecolors.com.ar/rotating-jquery-tabs/
Demohttp://www.ilovecolors.com.ar/wp-content/uploads/rotating-jquery-tabs/
Downloadhttp://www.ilovecolors.com.ar/wp-content/uploads/2009/12/rotating-jquery-tabs1.zip

12.  jQuery UI Tabs with Next/Previous

Artikelhttp://css-tricks.com/jquery-ui-tabs-with-nextprevious/
Demohttp://css-tricks.com/examples/TabsNextPrev/
Downloadhttp://css-tricks.com/examples/TabsNextPrev.zip

13. Organic Tabs

Artikelhttp://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

Artikelhttp://www.gayadesign.com/diy/animated-tabbed-content-with-jquery/
Demohttp://www.gayadesign.com/scripts/tabbed/
Downloadhttp://www.gayadesign.com/scripts/tabbed/tabbedContent.zip

Original Site : http://www.bloggertipandtrick.net/2010/09/amazing-jquery-tabs-widgets-collection.html

Artikel Lainnya

Komentar Anda

3cZ8X

1 Komentar

yuli

06-11-2014 | 01:32:48 cahayahidupqaf@gmail.com
sip

Produk Kami

Facebook Page

Statistik Pengunjung

  • Hari ini
    :
    185
  • Kemarin
    :
    816
  • Bulan ini
    :
    8148
  • Tahun ini
    :
    209953
  • Total
    :
    2424054
  • Hits Count
    :
    3465877
  • Now Online
    :
    4 Users