1. Halo Guest, pastikan Anda selalu menaati peraturan forum sebelum mengirimkan post atau thread baru.

21 Amazing jQuery Tabs Collection

Discussion in 'Blogger/Blogspot' started by bimapraze, Oct 14, 2010.

Tags:
  1. bimapraze

    bimapraze Super Hero

    Joined:
    Apr 1, 2010
    Messages:
    883
    Likes Received:
    66
    Location:
    Pendopo Islam Kejawen
    Lumayan gan buat mempercantik blog.......!!!:peace:

    1. Simple Tabs w/ CSS & jQuery

    [​IMG]

    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

    [​IMG]

    Article :     hxxp://www.queness.com/post/106/jquery-tabbed-interfacetabbed-structure-menu-tutorial

    Demo :     hxxp://www.queness.com/resources/html/tabmenu/jquery-tabbed-menu-queness.html

    Download :     hxxp ://www.queness.com/resources/archives/jquery-tab-menu.zip


     3. jQuery Sliding Tab Menu for Sidebar Tutorial

    [​IMG]

    Article :     hxxp://www.queness.com/post/274/jquery-sliding-tab-menu-for-sidebar-tutorial

    Demo :     hxxp://www.queness.com/resources/html/scrollto/index.html

    Download :     hxxp ://www.queness.com/resources/archives/jquery-scrollto.zip


     4. Create a smooth tabbed menu in jQuery

    [​IMG]
    Article :     hxxp://yensdesign.com/2008/12/create-a-smooth-tabbed-menu-in-jquery/

    Demo :     hxxp ://yensdesign.com/tutorials/tabs/

    Download :     hxxp://www.yensdesign.com/tutorials/tabs/tabs.zip


     5. Updated JQuery Nested Tab Set with Demo

    [​IMG]

    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 :     hxxp://blog.cutterscrossing.com/enclosures/JQueryTabsDemo.zip


     6. Sweet AJAX Tabs With jQuery 1.4 & CSS3

    [​IMG]

    Article :     hxxp://tutorialzine.com/2010/01/sweet-tabs-jquery-ajax-css/

    Demo :     hxxp://demo.tutorialzine.com/2010/01/sweet-tabs-jquery-ajax-css/demo.html

    Download :     hxxp://demo.tutorialzine.com/2010/01/sweet-tabs-jquery-ajax-css/demo.zip


     7. Animated tabbed content with jQuery

    [​IMG]

    Article :     hxxp://www.gayadesign.com/diy/animated-tabbed-content-with-jquery/

    Demo :     hxxp://www.gayadesign.com/scripts/tabbed/

    Download :     hxxp://www.gayadesign.com/scripts/tabbed/tabbedContent.zip


     8. Tab Navigation with Smooth Horizontal Sliding Using jQuery

    [​IMG]

    Article :     hxxp://www.learningjquery.com/2009/09/tab-navigation-with-smooth-horizontal-sliding-using-jquery

    Demo :     hxxp://www.learningjquery.com/2009/09/tab-navigation-with-smooth-horizontal-sliding-using-jquery

    Download :     hxxp ://assets.learningjquery.com/zips/tab-nav.zip


     9. jQuery idTabs

    [​IMG]

    Article :     hxxp://www.sunsean.com/idTabs/

    Demo :     hxxp://www.sunsean.com/idTabs/

    Download :     hxxp://www.sunsean.com/idTabs/jquery.idTabs.min.js


     10. Flowplayer Tabs

    [​IMG]

    Article :     http://flowplayer.org/tools/tabs/index.html

    Demo :     hxxp://flowplayer.org/tools/demos/tabs/index.html

    Download :     hxxp ://flowplayer.org/tools/img/tabs/tabs.zip
    http://flowplayer.org/tools/download/index.html



    ---------- Post added at 10:37 AM ---------- Previous post was at 10:34 AM ----------



     11. Create a Slide Tabbed Box using jQuery

    [​IMG]

    Article :     hxxp ://www.hieu.co.uk/blog/index.php/2009/01/28/how-easy-to-create-a-slide-tabbed-box-using-jquery/

    Demo :     hxxp://www.hieu.co.uk/Examples/SlideTabs/index.html

    Download :     hxxp://www.hieu.co.uk/Examples/SlideTabs.zip


     12. Flipping Content Tabs Using jQuery

    [​IMG]

    Article :     hxxp://webdeveloperplus.com/jquery/create-flipping-content-tabs-using-jquery/

    Demo :     hxxp://demo.webdeveloperplus.com/flipping-tabs/

    Download :     hxxp://demo.webdeveloperplus.com/source-code/flipping-tabs.zip


     13. Create A Tabbed Interface Using jQuery

    [​IMG]

    Article :     hxxp://net.tutsplus.com/javascript-ajax/create-a-tabbed-interface-using-jquery/

    Demo :     hxxp://nettuts.s3.amazonaws.com/042_jQueryUITabs/demo/index.html

    Download :     hxxp://nettuts.s3.amazonaws.com/042_jQueryUITabs/source.zip


     14. Create a Slick Tabbed Content Area using CSS & jQuery

    [​IMG]

    Article :     hxxp ://net.tutsplus.com/html-css-techniques/how-to-create-a-slick-tabbed-content-area/

    Demo :     hxxp://nettuts.s3.amazonaws.com/001_Tabbed/site/jQuery.html

    Download :     hxxp://nettuts.s3.amazonaws.com/001_Tabbed/TabsPSD.zip
     
    bimapraze, Oct 14, 2010
    #1
    blogywalker likes this.
  2. bimapraze

    bimapraze Super Hero

    Joined:
    Apr 1, 2010
    Messages:
    883
    Likes Received:
    66
    Location:
    Pendopo Islam Kejawen

     15. Dynamic Fun with SimplePie and jQuery

    [​IMG]

    Article :     hxxp://net.tutsplus.com/javascript-ajax/building-a-better-blogroll-dynamic-fun-with-simplepie-and-jquery/

    Demo :     hxxp ://nettuts.s3.amazonaws.com/036_BetterBlogRoll/sourceFiles/index.html

    Download :     hxxp://nettuts.s3.amazonaws.com/036_BetterBlogRoll/sourceFiles.zip


     16. Creating Rotating Tabs using jQuery

    [​IMG]

    Article :     hxxp://www.ilovecolors.com.ar/rotating-jquery-tabs/

    Demo :     hxxp://www.ilovecolors.com.ar/wp-content/uploads/rotating-jquery-tabs/

    Download :     hxxp://www.ilovecolors.com.ar/wp-content/uploads/2009/12/rotating-jquery-tabs1.zip


     17. Ultra simple jQuery tabs

    [​IMG]

    Article :     hxxp://justfreetemplates.com/blog/2009/08/31/ultra-simple-jquery-tabs.html

    Demo :     hxxp://justfreetemplates.com/blog/wp-content/uploads/2009/08/simple-jquery-tabs.html


     18. jQuery To Fade Effects tabs

    [​IMG]

    Article :     hxxp ://www.roseindia.net/ajax/jquery/fadeEffectTabs.shtml

    Demo :     hxxp ://www.roseindia.net/ajax/jquery/fadeEffectTab.html


     19. Playing with jQuery Tabs

    [​IMG]

    Article :     hxxp://insideria.com/2009/03/playing-with-jquery-tabs.html

    Demo :     hxxp ://www.coldfusionjedi.com/demos/jquerytabs/test.cfm


     20. Degradable Tabs With jQuery UI

    [​IMG]

    Article :     hxxp ://www.ultramegatech.com/blog/2009/09/degradable-tabs-with-jquery-ui/

    Demo :     hxxp ://www.ultramegatech.com/blog/examples/tabs.htm


     21. jQuery UI Tabs with Next/Previous

    [​IMG]

    Article :     hxxp ://css-tricks.com/jquery-ui-tabs-with-nextprevious/

    Demo :     hxxp ://css-tricks.com/examples/TabsNextPrev/

    Download :     hxxp ://css-tricks.com/examples/TabsNextPrev.zip
     
    bimapraze, Oct 14, 2010
    #2
  3. blogywalker

    blogywalker Super Hero

    Joined:
    May 30, 2010
    Messages:
    1,033
    Likes Received:
    39
    Location:
    disini
    mantaps gan, tapi mikir2 dulu.... Ntar blog jadi lola :lol:
     
    blogywalker, Oct 14, 2010
    #3
  4. bimapraze

    bimapraze Super Hero

    Joined:
    Apr 1, 2010
    Messages:
    883
    Likes Received:
    66
    Location:
    Pendopo Islam Kejawen
    Di sesuaikan dulu aja bro, biar jadinya ngak amburadul kayak blog gw..:D
     
    bimapraze, Oct 14, 2010
    #4
  5. arga7

    arga7 Hero

    Joined:
    Jul 17, 2010
    Messages:
    696
    Likes Received:
    65
    wow mantap nich... mau coba dulu sambil ane edit2...

    hehehehe

    sip gan... nice share...
     
    arga7, Oct 28, 2010
    #5
  6. anonimous

    anonimous Super Hero

    Joined:
    Mar 20, 2010
    Messages:
    989
    Likes Received:
    32
    Sadis...mantap amir gan. Saya akan sangat menyesal klo gk ngeBookmark ini.
     
    anonimous, Oct 28, 2010
    #6
  7. zuhair

    zuhair Ads.id Fan

    Joined:
    Jul 28, 2010
    Messages:
    156
    Likes Received:
    2
    ini buat blogger semua gan??
     
    zuhair, Oct 30, 2010
    #7
  8. uchubald

    uchubald Super Hero

    Joined:
    Aug 12, 2010
    Messages:
    1,073
    Likes Received:
    50
    Location:
    Kamar Gelap
    mantap niih, tapi cocok G yaah buat Blogku, :D
     
    uchubald, Nov 7, 2010
    #8
  9. Lantis

    Lantis Newbie

    Joined:
    Nov 14, 2010
    Messages:
    37
    Likes Received:
    1
    wah.. boleh di coba niee.. sapa tau cocok.. thanx bro..
     
    Lantis, Dec 11, 2010
    #9
  10. zimiracle

    zimiracle Newbie

    Joined:
    Feb 13, 2011
    Messages:
    36
    Likes Received:
    1
    :hmm: kalau pasang itu loadingnya bisa lambat nggk om ...???? :hmm:
     
    zimiracle, Feb 15, 2011
    #10
  11. genggamcahaya

    genggamcahaya Hero

    Joined:
    May 12, 2010
    Messages:
    607
    Likes Received:
    28
    wah,ni yg ane cari2 dari kemaren,make simply my blog
     
    genggamcahaya, Feb 20, 2011
    #11
  12. udinpetot

    udinpetot Ads.id Pro

    Joined:
    Jan 26, 2011
    Messages:
    288
    Likes Received:
    3
    Location:
    Villa Mertua Indah
    ga ada salahnya dicoba...thanks bro...
     
    udinpetot, Feb 20, 2011
    #12
  13. aguestri

    aguestri Ads.id Fan

    Joined:
    Aug 6, 2010
    Messages:
    126
    Likes Received:
    1
    Location:
    Yogyakarta
    Idem, pertanyaan yang sama :)
     
    aguestri, Feb 28, 2011
    #13

Share This Page