<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Codrops &#187; dropdown</title>
	<atom:link href="http://tympanus.net/codrops/tag/dropdown/feed/" rel="self" type="application/rss+xml" />
	<link>http://tympanus.net/codrops</link>
	<description>Useful resources and inspiration for creative minds</description>
	<lastBuildDate>Wed, 23 May 2012 09:46:58 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>42 jQuery Navigation based Techniques</title>
		<link>http://tympanus.net/codrops/2009/09/11/42-jquery-navigation-based-techniques/</link>
		<comments>http://tympanus.net/codrops/2009/09/11/42-jquery-navigation-based-techniques/#comments</comments>
		<pubDate>Fri, 11 Sep 2009 22:44:08 +0000</pubDate>
		<dc:creator>cody</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[dropdown]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[menu]]></category>
		<category><![CDATA[Navigation]]></category>
		<category><![CDATA[Pagination]]></category>

		<guid isPermaLink="false">http://tympanus.net/codrops/?p=367</guid>
		<description><![CDATA[Here’s a list of 42 jQuery Navigation Techiques, Navigation plugins, and Tutorials built using jQuery: 1. How To Create A ‘Mootools Homepage’ Inspired Navigation Effect Using jQuery site : visit live demo : here 2. jQuery Coda Slider site : visit live demo : here 3. Designing the Digg Header: How To &#38; Download site [...]]]></description>
			<content:encoded><![CDATA[<p>Here’s a list of 42 jQuery Navigation Techiques, Navigation plugins,  and Tutorials built using jQuery:</p>
<h3> 1. How To Create A ‘Mootools Homepage’ Inspired Navigation Effect Using jQuery</h3>
<p><a href="http://net.tutsplus.com/tutorials/javascript-ajax/how-to-create-a-mootools-homepage-inspired-navigation-effect-using-jquery/" target="_blank"><img src="http://tympanus.net/codrops/wp-content/uploads/2009/09/43.gif" alt="" width="527" height="210" /></a></p>
<p><span id="more-367"></span><br />
<em>site</em> : <a href="http://net.tutsplus.com/tutorials/javascript-ajax/how-to-create-a-mootools-homepage-inspired-navigation-effect-using-jquery/" target="_blank">visit </a><br />
<em>live demo</em> : <a href="http://nettuts.s3.amazonaws.com/004_Moo/tutorial/demo/demo.html" target="_blank">here </a></p>
<h3>2. jQuery Coda Slider</h3>
<p><a href="http://jqueryfordesigners.com/coda-slider-effect/" target="_blank"><img class="alignnone size-full wp-image-369" src="http://tympanus.net/codrops/wp-content/uploads/2009/09/210.gif" alt="" width="500" height="200" /></a></p>
<p><em>site</em> : <a href="http://jqueryfordesigners.com/coda-slider-effect/" target="_blank">visit </a><br />
<em>live demo</em> : <a href="http://jqueryfordesigners.com/coda-slider-effect/" target="_blank">here </a></p>
<div id="bsap_1266918" class="bsarocks bsap_af25dfd2f1908889af7a1aa5f4dcbd9e"></div><div style="clear:both;"></div>
<h3> 3. Designing the Digg Header: How To &amp; Download</h3>
<p><a href="http://css-tricks.com/designing-the-digg-header-how-to-download/" target="_blank"><img class="alignnone size-full wp-image-373" src="http://tympanus.net/codrops/wp-content/uploads/2009/09/310.gif" alt="" width="500" height="200" /></a></p>
<p><em>site</em> : <a href="http://css-tricks.com/designing-the-digg-header-how-to-download/" target="_blank">visit </a><br />
<em>live demo</em> : <a href="http://css-tricks.com/examples/DiggHeader/" target="_blank">here </a></p>
<h3> 4. How to Make a Smooth Animated Menu with jQuery</h3>
<p><a href="http://buildinternet.com/2009/01/how-to-make-a-smooth-animated-menu-with-jquery/" target="_blank"><img src="http://tympanus.net/codrops/wp-content/uploads/2009/09/110.gif" alt="" width="500" height="200" /></a></p>
<p><em>site</em> : <a href="http://buildinternet.com/2009/01/how-to-make-a-smooth-animated-menu-with-jquery/" target="_blank">visit </a><br />
<em>live demo</em> : <a href="http://buildinternet.com/live/smoothmenu/animated-menu.html" target="_blank">here </a></p>
<h3> 5. CSS Sprites2</h3>
<p><a href="http://www.alistapart.com/articles/sprites2" target="_blank"><img class="alignnone size-full wp-image-375" src="http://tympanus.net/codrops/wp-content/uploads/2009/09/51.gif" alt="" width="500" height="151" /></a></p>
<p><em>site</em> : <a href="http://www.alistapart.com/articles/sprites2" target="_blank">visit </a><br />
<em>live demo</em> : <a href="http://www.alistapart.com/d/sprites2/examples/example6-function.html" target="_blank">here </a></p>
<h3> 6. Create an apple style menu and improve it via jQuery</h3>
<p><a href="http://www.kriesi.at/archives/apple-menu-improved-with-jquery" target="_blank"><img class="alignnone size-full wp-image-376" src="http://tympanus.net/codrops/wp-content/uploads/2009/09/61.gif" alt="" width="512" height="61" /></a></p>
<p><em>site</em> : <a href="http://www.kriesi.at/archives/apple-menu-improved-with-jquery" target="_blank">visit </a><br />
<em>live demo</em> : <a href="http://www.kriesi.at/wp-content/extra_data/kwicks_tutorial/kwicks_final.html" target="_blank">here </a></p>
<h3> 7. jQuery Tabbed Navigation</h3>
<p><a href="http://trevordavis.net/blog/tutorial/jquery-tabbed-navigation/" target="_blank"><img class="alignnone size-full wp-image-377" src="http://tympanus.net/codrops/wp-content/uploads/2009/09/71.gif" alt="" width="500" height="200" /></a></p>
<p><em>site</em> : <a href="http://trevordavis.net/blog/tutorial/jquery-tabbed-navigation/" target="_blank">visit </a><br />
<em>live demo</em> : <a href="http://trevordavis.net/play/javascript-tabbed-navigation/?tab=3" target="_blank">here </a></p>
<h3> 8. Color Fading Menu with jQuery</h3>
<p><a href="http://css-tricks.com/color-fading-menu-with-jquery/" target="_blank"><img class="alignnone size-full wp-image-378" src="http://tympanus.net/codrops/wp-content/uploads/2009/09/81.gif" alt="" width="528" height="150" /></a></p>
<p><em>site</em> : <a href="http://css-tricks.com/color-fading-menu-with-jquery/" target="_blank">visit </a><br />
<em>live demo</em> : <a href="http://css-tricks.com/examples/ColorFadingMenu/" target="_blank">here </a></p>
<h3> 9. Create a Slick Tabbed Content Area using CSS &amp; jQuery</h3>
<p><a href="http://nettuts.com/tutorials/html-css-techniques/how-to-create-a-slick-tabbed-content-area/" target="_blank"><img class="alignnone size-full wp-image-379" src="http://tympanus.net/codrops/wp-content/uploads/2009/09/91.gif" alt="" width="500" height="200" /></a></p>
<p><em>site</em> : <a href="http://nettuts.com/tutorials/html-css-techniques/how-to-create-a-slick-tabbed-content-area/" target="_blank">visit </a><br />
<em>live demo</em> : <a href="http://nettuts.s3.amazonaws.com/001_Tabbed/site/jQuery.html" target="_blank">here </a></p>
<h3> 10. Using jQuery for Background Image Animations</h3>
<p><a href="http://snook.ca/archives/javascript/jquery-bg-image-animations/" target="_blank"><img class="alignnone size-full wp-image-380" src="http://tympanus.net/codrops/wp-content/uploads/2009/09/101.gif" alt="" width="500" height="200" /></a></p>
<p><em>site</em> : <a href="http://snook.ca/archives/javascript/jquery-bg-image-animations/" target="_blank">visit </a><br />
<em>live demo</em> : <a href="http://snook.ca/technical/jquery-bg/" target="_blank">here </a></p>
<h3> 11. How To Create A Keypress Navigation Using jQuery</h3>
<p><a href="http://net.tutsplus.com/tutorials/javascript-ajax/how-to-create-a-keypress-navigation-using-jquery/" target="_blank"><img class="alignnone size-full wp-image-382" src="http://tympanus.net/codrops/wp-content/uploads/2009/09/112.gif" alt="" width="500" height="200" /></a></p>
<p><em>site</em> : <a href="http://net.tutsplus.com/tutorials/javascript-ajax/how-to-create-a-keypress-navigation-using-jquery/" target="_blank">visit </a><br />
<em>live demo</em> : <a href="http://nettuts.s3.amazonaws.com/013_keypress/demo/demo.html" target="_blank">here </a></p>
<h3> 12. Animated Drop Down Menu with jQuery</h3>
<p><a href="http://www.clarklab.net/blog/posts/animated-drop-down-menu-with-jquery/" target="_blank"><img class="alignnone size-full wp-image-383" src="http://tympanus.net/codrops/wp-content/uploads/2009/09/121.gif" alt="" width="500" height="200" /></a></p>
<p><em>site</em> : <a href="http://www.clarklab.net/blog/posts/animated-drop-down-menu-with-jquery/" target="_blank">visit </a><br />
<em>live demo</em> : <a href="http://clarklab.net/blog/articles/dropdown/example.html" target="_blank">here </a></p>
<h3> 13. jQuery &amp; CSS Example – Dropdown Menu</h3>
<p><a href="http://designreviver.com/tutorials/jquery-css-example-dropdown-menu/"><img class="alignnone size-full wp-image-384" src="http://tympanus.net/codrops/wp-content/uploads/2009/09/131.gif" alt="" width="500" height="190" /></a></p>
<p><em>site</em> : <a href="http://designreviver.com/tutorials/jquery-css-example-dropdown-menu/" target="_blank">visit </a><br />
<em>live demo</em> : <a href="http://designreviver.com/tutorials/jquery-css-example-dropdown-menu/" target="_blank">here </a></p>
<h3> 14. jQuery Random Link Color Animations</h3>
<p><a href="http://davidwalsh.name/jquery-random-color-animate" target="_blank"><img class="alignnone size-full wp-image-385" src="http://tympanus.net/codrops/wp-content/uploads/2009/09/141.gif" alt="" width="500" height="200" /></a></p>
<p><em>site</em> : <a href="http://davidwalsh.name/jquery-random-color-animate" target="_blank">visit </a><br />
<em>live demo</em> : <a href="http://davidwalsh.name/dw-content/jquery-random-colors.php" target="_blank">here </a></p>
<h3> 15. Learning jQuery: Fading Menu – Replacing Content</h3>
<p><a href="http://css-tricks.com/learning-jquery-fading-menu-replacing-content/" target="_blank"><img class="alignnone size-full wp-image-386" src="http://tympanus.net/codrops/wp-content/uploads/2009/09/151.gif" alt="" width="500" height="167" /></a></p>
<p><em>site</em> : <a href="http://css-tricks.com/learning-jquery-fading-menu-replacing-content/" target="_blank">visit </a><br />
<em>live demo</em> : <a href="http://css-tricks.com/examples/MenuFader/" target="_blank">here </a></p>
<h3>16. (Another) Scrollable Plugin for jQuery</h3>
<p><a href="http://www.naterkane.com/blog/jquery-scrollable-plugin/" target="_blank"><img class="alignnone size-full wp-image-387" src="http://tympanus.net/codrops/wp-content/uploads/2009/09/161.gif" alt="" width="500" height="185" /></a></p>
<p><em>site</em> : <a href="http://www.naterkane.com/blog/jquery-scrollable-plugin/" target="_blank">visit </a><br />
<em>live demo</em> : <a href="http://www.naterkane.com/sandbox/scrollable/#" target="_blank">here </a></p>
<h3> 17. Create a Cool Animated Navigation with CSS and jQuery</h3>
<p><a href="http://net.tutsplus.com/tutorials/javascript-ajax/create-a-cool-animated-navigation-with-css-and-jquery/" target="_blank"><img class="alignnone size-full wp-image-388" src="http://tympanus.net/codrops/wp-content/uploads/2009/09/171.gif" alt="" width="500" height="172" /></a></p>
<p><em>site</em> : <a href="http://net.tutsplus.com/tutorials/javascript-ajax/create-a-cool-animated-navigation-with-css-and-jquery/" target="_blank">visit </a><br />
<em>live demo</em> : <a href="http://nettuts.s3.amazonaws.com/009_jQueryMenu/sm/result/index.html" target="_blank">here </a></p>
<h3>18. Create a multilevel Dropdown menu with CSS and improve it via jQuery</h3>
<p><a href="http://www.kriesi.at/archives/create-a-multilevel-dropdown-menu-with-css-and-improve-it-via-jquery" target="_blank"><img class="alignnone size-full wp-image-389" src="http://tympanus.net/codrops/wp-content/uploads/2009/09/181.gif" alt="" width="500" height="134" /></a></p>
<p><em>site</em> : <a href="http://www.kriesi.at/archives/create-a-multilevel-dropdown-menu-with-css-and-improve-it-via-jquery" target="_blank">visit </a><br />
<em>live demo</em> : <a href="http://www.kriesi.at/wp-content/extra_data/suckerfish_tutorial/step4.html">here </a></p>
<h3> 19. Animated Menus Using jQuery</h3>
<p><a href="http://www.shopdev.co.uk/blog/animated-menus-using-jquery/" target="_blank"><img class="alignnone size-full wp-image-391" src="http://tympanus.net/codrops/wp-content/uploads/2009/09/191.gif" alt="" width="500" height="151" /></a></p>
<p><em>site</em> : <a href="http://www.shopdev.co.uk/blog/animated-menus-using-jquery/" target="_blank">visit </a><br />
<em>live demo</em> : <a href="http://www.shopdev.co.uk/blog/menuDemo.html" target="_blank">here </a></p>
<h3> 20. Build a Tabbed Box with CSS and jQuery</h3>
<p><a href="http://www.cssnewbie.com/build-a-tabbed-box-with-css-and-jquery/" target="_blank"><img class="alignnone size-full wp-image-392" src="http://tympanus.net/codrops/wp-content/uploads/2009/09/201.gif" alt="" width="500" height="178" /></a></p>
<p><em>site</em> : <a href="http://www.cssnewbie.com/build-a-tabbed-box-with-css-and-jquery/" target="_blank">visit </a><br />
<em>live demo</em> : <a href="http://www.cssnewbie.com/example/tabbed-box/" target="_blank">here </a></p>
<h3> 21. jQuery Tabbed Interface / Tabbed Structure Menu Tutorial</h3>
<p><a href="http://www.queness.com/post/106/jquery-tabbed-interfacetabbed-structure-menu-tutorial"><img class="alignnone size-full wp-image-393" src="http://tympanus.net/codrops/wp-content/uploads/2009/09/211.gif" alt="" width="500" height="200" /></a></p>
<p><em>site</em> : <a href="http://www.queness.com/post/106/jquery-tabbed-interfacetabbed-structure-menu-tutorial" target="_blank">visit </a><br />
<em>live demo</em> : <a href="http://www.queness.com/resources/html/tabmenu/jquery-tabbed-menu-queness.html" target="_blank">here </a></p>
<h3> 22. Sliding Jquery Menu</h3>
<p><a href="http://hv-designs.co.uk/2009/02/17/sliding-jquery-menu/" target="_blank"><img class="alignnone size-full wp-image-394" src="http://tympanus.net/codrops/wp-content/uploads/2009/09/221.gif" alt="" width="500" height="200" /></a></p>
<p><em>site</em> : <a href="http://hv-designs.co.uk/2009/02/17/sliding-jquery-menu/" target="_blank">visit </a><br />
<em>live demo</em> : <a href="http://www.hv-designs.co.uk/tutorials/sliding_menu/sliding_menu.html" target="_blank">here </a></p>
<h3> 23. Vimeo-like top navigation</h3>
<p><a href="http://www.jankoatwarpspeed.com/post/2009/01/19/Create-Vimeo-like-top-navigation.aspx" target="_blank"><img class="alignnone size-full wp-image-395" src="http://tympanus.net/codrops/wp-content/uploads/2009/09/231.gif" alt="" width="500" height="200" /></a></p>
<p><em>site</em> : <a href="http://www.jankoatwarpspeed.com/post/2009/01/19/Create-Vimeo-like-top-navigation.aspx" target="_blank">visit </a><br />
<em>live demo</em> : <a href="http://www.jankoatwarpspeed.com/examples/vimeo_navigation/" target="_blank">here </a></p>
<h3> 24. jQuery (mb)Menu 2.7 (New!)</h3>
<p><a href="http://pupunzi.wordpress.com/2009/01/18/mbmenu/" target="_blank"><img class="alignnone size-full wp-image-396" src="http://tympanus.net/codrops/wp-content/uploads/2009/09/241.gif" alt="" width="500" height="200" /></a></p>
<p><em>site</em> : <a href="http://pupunzi.wordpress.com/2009/01/18/mbmenu/" target="_blank">visit </a><br />
<em>live demo</em> : <a href="http://www.open-lab.com/mb.ideas/index.html#mbMenu" target="_blank">here </a></p>
<h3> 25. jQuery Menu: iPod Drilldown</h3>
<p><a href="http://www.filamentgroup.com/lab/jquery_ipod_style_and_flyout_menus/" target="_blank"><img class="alignnone size-full wp-image-397" src="http://tympanus.net/codrops/wp-content/uploads/2009/09/251.gif" alt="" width="527" height="200" /></a></p>
<p><em>site</em> : <a href="http://www.filamentgroup.com/lab/jquery_ipod_style_and_flyout_menus/" target="_blank">visit </a><br />
<em>live demo</em> : <a href="http://www.filamentgroup.com/lab/jquery_ipod_style_and_flyout_menus/" target="_blank">here </a></p>
<h3> 26. Superfish</h3>
<p><a href="http://users.tpg.com.au/j_birch/plugins/superfish/#a"><img class="alignnone size-full wp-image-398" src="http://tympanus.net/codrops/wp-content/uploads/2009/09/261.gif" alt="" width="444" height="161" /></a></p>
<p><em>site</em> : <a href="http://users.tpg.com.au/j_birch/plugins/superfish/#a" target="_blank">visit </a><br />
<em>live demo</em> : <a href="http://users.tpg.com.au/j_birch/plugins/superfish/#a" target="_blank">here </a></p>
<h3> 27. jqDock</h3>
<p><a href="http://plugins.jquery.com/project/jqDock" target="_blank"><img class="alignnone size-full wp-image-399" src="http://tympanus.net/codrops/wp-content/uploads/2009/09/271.gif" alt="" width="500" height="200" /></a></p>
<p><em>site</em> : <a href="http://plugins.jquery.com/project/jqDock" target="_blank">visit </a><br />
<em>live demo</em> : <a href="http://www.wizzud.com/jqDock/" target="_blank">here </a></p>
<h3> 28. Treeview</h3>
<p><a href="http://bassistance.de/jquery-plugins/jquery-plugin-treeview/" target="_blank"><img class="alignnone size-full wp-image-400" src="http://tympanus.net/codrops/wp-content/uploads/2009/09/281.gif" alt="" width="428" height="183" /></a></p>
<p><em>site</em> : <a href="http://bassistance.de/jquery-plugins/jquery-plugin-treeview/" target="_blank">visit </a><br />
<em>live demo</em> : <a href="http://jquery.bassistance.de/treeview/demo/" target="_blank">here </a></p>
<h3> 29. jQuery Full Width Navigation Plug-in</h3>
<p><a href="http://exscale.se/archives/2007/11/09/jquery-full-width-navigation-plugin/" target="_blank"><img class="alignnone size-full wp-image-401" src="http://tympanus.net/codrops/wp-content/uploads/2009/09/291.gif" alt="" width="460" height="125" /></a></p>
<p><em>site</em> : <a href="http://exscale.se/archives/2007/11/09/jquery-full-width-navigation-plugin/" target="_blank">visit </a><br />
<em>live demo</em> : <a href="http://exscale.se/archives/2007/11/09/jquery-full-width-navigation-plugin/" target="_blank">here </a></p>
<h3> 30. FastFind Menu Script</h3>
<p><a href="http://labs.activespotlight.net/jQuery/menu_demo.html" target="_blank"><img class="alignnone size-full wp-image-402" src="http://tympanus.net/codrops/wp-content/uploads/2009/09/301.gif" alt="" width="386" height="199" /></a></p>
<p><em>site</em> : <a href="http://labs.activespotlight.net/jQuery/menu_demo.html" target="_blank">visit </a><br />
<em>live demo</em> : <a href="http://labs.activespotlight.net/jQuery/menu_demo.html" target="_blank">here </a></p>
<h3> 31. JQuery Pager</h3>
<p><a href="http://plugins.jquery.com/project/Pager" target="_blank"><img class="alignnone size-full wp-image-403" src="http://tympanus.net/codrops/wp-content/uploads/2009/09/311.gif" alt="" width="418" height="139" /></a></p>
<p><em>site</em> : <a href="http://plugins.jquery.com/project/Pager" target="_blank">visit </a><br />
<em>live demo</em> : <a href="http://jonpauldavies.github.com/JQuery/Pager/PagerDemo.html" target="_blank">here </a></p>
<h3> 32. Pagination</h3>
<p><a href="http://plugins.jquery.com/project/pagination" target="_blank"><img class="alignnone size-full wp-image-404" src="http://tympanus.net/codrops/wp-content/uploads/2009/09/321.gif" alt="" width="500" height="182" /></a></p>
<p><em>site</em> : <a href="http://plugins.jquery.com/project/pagination" target="_blank">visit </a><br />
<em>live demo</em> : <a href="http://d-scribe.de/webtools/jquery-pagination/demo/demo_options.htm" target="_blank">here </a></p>
<h3> 33. Animated Navigation with CSS &amp; jQuery</h3>
<p><a href="http://www.sohtanaka.com/web-design/animate-navigation-with-css-jquery/" target="_blank"><img class="alignnone size-full wp-image-405" src="http://tympanus.net/codrops/wp-content/uploads/2009/09/331.gif" alt="" width="437" height="200" /></a></p>
<p><em>site</em> : <a href="http://www.sohtanaka.com/web-design/animate-navigation-with-css-jquery/" target="_blank">visit </a><br />
<em>live demo</em> : <a href="http://www.sohtanaka.com/web-design/examples/fancy-navigation/" target="_blank">here </a></p>
<h3> 34. Making accordion menu using jquery</h3>
<p><a href="http://roshanbh.com.np/2008/06/accordion-menu-using-jquery.html" target="_blank"><img class="alignnone size-full wp-image-406" src="http://tympanus.net/codrops/wp-content/uploads/2009/09/342.gif" alt="" width="428" height="169" /></a></p>
<p><em>site</em> : <a href="http://roshanbh.com.np/2008/06/accordion-menu-using-jquery.html" target="_blank">visit </a><br />
<em>live demo</em> : <a href="http://roshanbh.com.np/2008/06/accordion-menu-using-jquery.html" target="_blank">here </a></p>
<h3> 35. Creating a Floating HTML Menu Using jQuery and CSS</h3>
<p><a href="http://net.tutsplus.com/html-css-techniques/creating-a-floating-html-menu-using-jquery-and-css/" target="_blank"><img class="alignnone size-full wp-image-407" src="http://tympanus.net/codrops/wp-content/uploads/2009/09/351.gif" alt="" width="380" height="156" /></a></p>
<p><em>site</em> : <a href="http://net.tutsplus.com/html-css-techniques/creating-a-floating-html-menu-using-jquery-and-css/" target="_blank">visit </a><br />
<em>live demo</em> : <a href="https://nettuts.s3.amazonaws.com/018_Floating_Menu/demo/dhtml_float_menu_final_nettut.html" target="_blank">here </a></p>
<h3> 36. Sliding-Sliding Doors &#8211; Animated jQuery Menu</h3>
<p><a href="http://www.supersite.me/website-building/sliding-sliding-doors-animated-jquery-menu/" target="_blank"><img class="alignnone size-full wp-image-408" src="http://tympanus.net/codrops/wp-content/uploads/2009/09/361.gif" alt="" width="379" height="72" /></a></p>
<p><em>site</em> : <a href="http://www.supersite.me/website-building/sliding-sliding-doors-animated-jquery-menu/" target="_blank">visit </a><br />
<em>live demo</em> : <a href="http://www.supersite.me/demo/menu/2/" target="_blank">here </a></p>
<h3> 37. jdMenu Hierarchical Menu Plugin for jQuery</h3>
<p><a href="http://jdsharp.us/jQuery/plugins/jdMenu/" target="_blank"><img class="alignnone size-full wp-image-409" src="http://tympanus.net/codrops/wp-content/uploads/2009/09/371.gif" alt="" width="453" height="122" /></a></p>
<p><em>site</em> : <a href="http://jdsharp.us/jQuery/plugins/jdMenu/" target="_blank">visit </a><br />
<em>live demo</em> : <a href="http://jdsharp.us/jQuery/plugins/jdMenu/" target="_blank">here </a></p>
<h3> 38. jQuery Context Menu Plugin</h3>
<p><a href="http://abeautifulsite.net/notebook/80" target="_blank"><img class="alignnone size-full wp-image-410" src="http://tympanus.net/codrops/wp-content/uploads/2009/09/381.gif" alt="" width="465" height="183" /></a></p>
<p><em>site</em> : <a href="http://abeautifulsite.net/notebook/80" target="_blank">visit </a><br />
<em>live demo</em> : <a href="http://abeautifulsite.net/notebook_files/80/demo/jqueryContextMenu.html" target="_blank">here </a></p>
<h3> 39. CSS3 Styled jQuery Dropdown</h3>
<p><a href="http://tympanus.net/codrops/2009/09/10/css3-styled-jquery-dropdown/" target="_blank"><img class="alignnone size-full wp-image-411" src="http://tympanus.net/codrops/wp-content/uploads/2009/09/391.gif" alt="" width="500" height="200" /></a></p>
<p><em>site</em> : <a href="http://tympanus.net/codrops/2009/09/10/css3-styled-jquery-dropdown/" target="_blank">visit </a><br />
<em>live demo</em> : <a href="http://tympanus.net/codrops/wp-content/uploads/2009/09/css3_dropdown/" target="_blank">here </a></p>
<h3> 40. jQuery menu plugin</h3>
<p><a href="http://p.sohei.org/jquery-plugins/menu/" target="_blank"><img class="alignnone size-full wp-image-412" src="http://tympanus.net/codrops/wp-content/uploads/2009/09/401.gif" alt="" width="450" height="152" /></a></p>
<p><em>site</em> : <a href="http://p.sohei.org/jquery-plugins/menu/" target="_blank">visit </a><br />
<em>live demo</em> : <a href="http://p.sohei.org/stuff/jquery/menu/demo/demo.html" target="_blank">here </a></p>
<h3> 41. “kwicks” effect</h3>
<p><a href="http://banhawi.com/2009/06/create-your-own-kwicks-jquery-effect/" target="_blank"><img class="alignnone size-full wp-image-413" src="http://tympanus.net/codrops/wp-content/uploads/2009/09/411.gif" alt="" width="500" height="142" /></a></p>
<p><em>site</em> : <a href="http://banhawi.com/2009/06/create-your-own-kwicks-jquery-effect/" target="_blank">visit </a><br />
<em>live demo</em> : <a href="http://banhawi.com/demos/jquery/kwicks-clone/Example.html" target="_blank">here </a></p>
<h3> 42. Navigation Menu with Photoshop</h3>
<p><a href="http://dimics.com/photoshop/jquery-navigation" target="_blank"><img class="alignnone size-full wp-image-414" src="http://tympanus.net/codrops/wp-content/uploads/2009/09/421.gif" alt="" width="477" height="136" /></a></p>
<p><em>site</em> : <a href="http://dimics.com/photoshop/jquery-navigation" target="_blank">visit </a><br />
<em>live demo</em> : <a href="http://dimics.com/jQuery%20menu/index.html" target="_blank">here </a></p>
<p><!-- wp_ad_camp_1 --></p>
]]></content:encoded>
			<wfw:commentRss>http://tympanus.net/codrops/2009/09/11/42-jquery-navigation-based-techniques/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>CSS3 Styled jQuery Dropdown</title>
		<link>http://tympanus.net/codrops/2009/09/10/css3-styled-jquery-dropdown/</link>
		<comments>http://tympanus.net/codrops/2009/09/10/css3-styled-jquery-dropdown/#comments</comments>
		<pubDate>Thu, 10 Sep 2009 19:43:36 +0000</pubDate>
		<dc:creator>Mary Lou</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[dropdown]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[menu]]></category>

		<guid isPermaLink="false">http://tympanus.net/codrops/?p=360</guid>
		<description><![CDATA[I found a really nice and simple jQuery dropdown menu on CSS Tricks and I thought, let&#8217;s add some neat style to it. You can find the original here: http://css-tricks.com/examples/SimplejQueryDropdowns/ Click on the screenshot to see a demo of the styled version: You can download the source here : CSS3 jQuery dropdown ZIP DEMO Enjoy!]]></description>
			<content:encoded><![CDATA[<p>I found a really nice and simple jQuery dropdown menu on CSS Tricks and I thought, let&#8217;s add some neat style to it. You can find the original here: <a href="http://css-tricks.com/examples/SimplejQueryDropdowns/" target="_blank">http://css-tricks.com/examples/SimplejQueryDropdowns/</a></p>
<p>Click on the screenshot to see a demo of the styled version:</p>
<div id="attachment_362" class="wp-caption alignnone" style="width: 615px"><a href="http://tympanus.net/codrops/wp-content/uploads/2009/09/css3_dropdown/" target="_blank"><img class="size-full wp-image-362" title="css3 dropdown" src="http://tympanus.net/codrops/wp-content/uploads/2009/09/css3dropdown1.gif" alt="Click to see a demo" width="605" height="239" /></a><p class="wp-caption-text">Click to see a demo</p></div>
<p>You can download the source here : <a href="http://tympanus.net/codrops/wp-content/uploads/2009/09/css3_dropdown/css3_dropdown.zip">CSS3 jQuery dropdown ZIP</a></p>
<p><a href="http://tympanus.net/codrops/wp-content/uploads/2009/09/css3_dropdown/" target="_blank">DEMO</a></p>
<p>Enjoy!</p>
<p><div id="bsap_1266918" class="bsarocks bsap_af25dfd2f1908889af7a1aa5f4dcbd9e"></div><div style="clear:both;"></div><br />
<br/><br/><br/></p>
]]></content:encoded>
			<wfw:commentRss>http://tympanus.net/codrops/2009/09/10/css3-styled-jquery-dropdown/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
<!-- This Quick Cache file was built for (  tympanus.net/codrops/tag/dropdown/feed/ ) in 0.23509 seconds, on May 23rd, 2012 at 2:07 pm UTC. -->
<!-- This Quick Cache file will automatically expire ( and be re-built automatically ) on May 23rd, 2012 at 3:07 pm UTC -->
