Tuesday, 3 January 2012

jQuery example - feed menus

[caption id="attachment_542" align="aligncenter" width="300" caption="jquery tabed panel"]<a href="http://jqueryexample.com/wp-content/uploads/2011/12/jquery-tabed-panel.jpg"><img class="size-medium wp-image-542" title="jquery tabed panel" src="http://jqueryexample.com/wp-content/uploads/2011/12/jquery-tabed-panel-300x142.jpg" alt="jquery tabed panel" width="300" height="142" /></a>[/caption]

Tabbed panels are very useful and one of the most popular way to place a lot of information on a page without losing usability. Here is listed popular JQuery Tabs tutorials and plugins which you can use in your project.
<ul>
    <li><strong><a title="jQuery UI Tabs with Next/Previous" href="http://css-tricks.com/jquery-ui-tabs-with-nextprevious/" rel="external nofollow" target="_blank">Tabs with Next/Previous</a></strong> :
<strong><a title="View Live Demo" href="http://css-tricks.com/examples/TabsNextPrev/" rel="external nofollow" target="_blank">View Live Demo</a></strong></li>
    <li><strong><a title="Create a smooth tabbed menu in jQuery" href="http://yensdesign.com/2008/12/create-a-smooth-tabbed-menu-in-jquery/" rel="external nofollow" target="_blank">Smooth tabbed menu in jQuery</a></strong> :<em>Simple</em> plug-in that allows for a large number of <em>tabs</em> to fit into a small space
<strong><a title="View Live Demo" href="http://yensdesign.com/tutorials/tabs/" rel="external nofollow" target="_blank">View Live Demo</a></strong></li>
    <li><a href="http://nettuts.com/tutorials/html-css-techniques/how-to-create-a-slick-tabbed-content-area/" target="_blank"><strong>Slick Tabbed</strong></a>: This script allows you to create a <em>slick tabbed</em> content area using CSS and <em>jQuery</em>.
<strong><a title="View Live Demo" href="http://d2o0t5hpnwv4c1.cloudfront.net/001_Tabbed/site/jQuery.html" rel="external nofollow" target="_blank">View Live Demo</a></strong></li>
    <li><strong> <a title="Simple Tabs w/ CSS &amp; jQuery" href="http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery/" rel="external nofollow" target="_blank">Simple Tabs w/ CSS &amp; jQuery</a></strong>: This <em>jQuery</em> plugin supplies an <em>easy</em> way to create <em>tabbed menu</em> with our lovely <em>jQuery</em> library
<strong><a title="View Live Demo" href="http://www.sohtanaka.com/web-design/examples/tabs/" rel="external nofollow" target="_blank">View Live Demo</a></strong></li>
    <li><strong><a title="Sweet AJAX Tabs With jQuery 1.4 &amp; CSS3" href="http://tutorialzine.com/2010/01/sweet-tabs-jquery-ajax-css/" rel="external nofollow" target="_blank">AJAX Tabs: </a></strong>This tabbed panel allows you to squeeze much more content in a seemingly limited space and provide a structured way of accessing it.
<strong><a title="View Live Demo" href="http://demo.tutorialzine.com/2010/01/sweet-tabs-jquery-ajax-css/demo.html" rel="external nofollow" target="_blank">View Live Demo</a></strong></li>
</ul>
&nbsp;

No comments:

Post a Comment