<?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>Hot!Ajax Magazine</title>
	<atom:link href="http://www.hotajax.org/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.hotajax.org</link>
	<description>Hot!Ajax is a blog aimed at share top quality resources for web developers and designers.</description>
	<lastBuildDate>Tue, 07 Sep 2010 00:22:51 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>jsTree-jQuery plugin</title>
		<link>http://www.hotajax.org/2010/09/07/jstree-jquery-plugin/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=jstree-jquery-plugin</link>
		<comments>http://www.hotajax.org/2010/09/07/jstree-jquery-plugin/#comments</comments>
		<pubDate>Tue, 07 Sep 2010 00:22:51 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Menu]]></category>
		<category><![CDATA[jquery menu]]></category>
		<category><![CDATA[tree menu]]></category>

		<guid isPermaLink="false">http://www.hotajax.org/?p=1059</guid>
		<description><![CDATA[jsTree is a javascript based, cross browser tree component. It is packaged as a jQuery plugin homepage http://www.jstree.com/ Requeriments:jQuery Framework License: MIT, GNU , and GPL License Demo Download]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.hotajax.org%2F2010%2F09%2F07%2Fjstree-jquery-plugin%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.hotajax.org%2F2010%2F09%2F07%2Fjstree-jquery-plugin%2F&amp;style=normal&amp;hashtags=jquery+menu,tree+menu" height="61" width="50" /><br />
			</a>
		</div>
<p><img src="http://www.hotajax.org/wp-content/uploads/2010/09/jsTree-jquery.jpg" alt="" title="jsTree jquery" width="274" height="274" class="alignnone size-full wp-image-1061" /><br />
jsTree is a javascript based, cross browser tree component. It is packaged as a jQuery plugin<span id="more-1059"></span></p>
<div class="legend">
<h3 class="legend-title">homepage</h3>
<p></br>
<p>http://www.jstree.com/</p>
</div>
<p class="box-hilite">Requeriments:jQuery Framework<br />
License: MIT, GNU , and GPL License</p>
<div class="demo_download">
<div id="demo2" class="demo"><a id="de_mo" class="ajaxothersite" href="http://www.jstree.com/demo">Demo</a></div>
<div id="download2" class="download"><a id="down_load" href="#">Download</a></div>
</div>
<div style="display:none">
<div id="inline_content1" style="padding: 10px;background: #fff"><a href="http://www.hotajax.org/wp-content/plugins/download-monitor/download.php?id=67" >jstree</a>-filetype:zip-version:1.02-size:211.99 kB-Downloaded 1 times" </div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.hotajax.org/2010/09/07/jstree-jquery-plugin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Proto.Menu :: context menu with prototype</title>
		<link>http://www.hotajax.org/2010/09/05/proto-menu-context-menu-with-prototype/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=proto-menu-context-menu-with-prototype</link>
		<comments>http://www.hotajax.org/2010/09/05/proto-menu-context-menu-with-prototype/#comments</comments>
		<pubDate>Sun, 05 Sep 2010 03:16:43 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Menu]]></category>
		<category><![CDATA[context menu]]></category>
		<category><![CDATA[prototype menu]]></category>

		<guid isPermaLink="false">http://www.hotajax.org/?p=1054</guid>
		<description><![CDATA[Proto.Menu is a simple and lightweight prototype-based solution for context menu functionality on your page. Features: Lightweight: ~3 KB (~2 KB minified) Unobtrusive: Plays nice with JS turned off, uses... <a class="meta-more" href="http://www.hotajax.org/2010/09/05/proto-menu-context-menu-with-prototype/">Read more <span class="meta-nav">&#187;</span></a>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.hotajax.org%2F2010%2F09%2F05%2Fproto-menu-context-menu-with-prototype%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.hotajax.org%2F2010%2F09%2F05%2Fproto-menu-context-menu-with-prototype%2F&amp;style=normal&amp;hashtags=context+menu,prototype+menu" height="61" width="50" /><br />
			</a>
		</div>
<p><img class="alignnone size-full wp-image-1055" title="contextMenu prototype" src="http://www.hotajax.org/wp-content/uploads/2010/09/contextMenu-prototype.jpg" alt="" width="290" height="290" /><br />
Proto.Menu is a simple and lightweight prototype-based solution for context menu functionality on your page.</p>
<h2>Features:</h2>
<ul>
<li><span>Lightweight</span>: ~3 KB (~2 KB minified)</li>
<li><span>Unobtrusive</span>: Plays nice with JS turned off, uses its own namespace</li>
<li><span>Cross-browser</span>: Full A-Graded browsers support (Opera is supported through Ctrl + Left Click)</li>
<li><span>Fully customizable</span>: Menu styling can (and is intended to) be easily defined in external stylesheet, supports image-based themes</li>
<li><span>Fast</span>: Menu container is rendered on page load, and only changes position when rendered (on click event)</li>
<li><span>Thoroughly tested:</span> Features extensive set of <a href="http://proto-menu.googlecode.com/svn/trunk/test/">unit tests</a> to ensure expected behavior</li>
</ul>
<p><span id="more-1054"></span></p>
<div class="legend">
<h3 class="legend-title">homepage</h3>
<p></br>
<p>http://yura.thinkweb2.com/scripting/contextMenu/</p>
</div>
<p class="box-hilite">Requeriments:prototype Framework<br />
License: GPL License</p>
<div class="demo_download">
<div id="demo2" class="demo"><a id="de_mo" class="ajaxothersite" href="http://www.hotajax.org/demo/contextMenu proto/index.html">Demo</a></div>
<div id="download2" class="download"><a id="down_load" href="#">Download</a></div>
</div>
<div style="display:none">
<div id="inline_content1" style="padding: 10px;background: #fff"><a href="http://www.hotajax.org/wp-content/plugins/download-monitor/download.php?id=66" >contextMenu prototype</a>-filetype:zip-version:0.6-size:54.72 kB-Downloaded 5 times"</div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.hotajax.org/2010/09/05/proto-menu-context-menu-with-prototype/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Menu Background Image Animations with jQuery</title>
		<link>http://www.hotajax.org/2010/09/05/menu-background-image-animations-with-jquery/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=menu-background-image-animations-with-jquery</link>
		<comments>http://www.hotajax.org/2010/09/05/menu-background-image-animations-with-jquery/#comments</comments>
		<pubDate>Sun, 05 Sep 2010 02:50:19 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Menu]]></category>
		<category><![CDATA[image menu]]></category>
		<category><![CDATA[jquery menu]]></category>

		<guid isPermaLink="false">http://www.hotajax.org/?p=1049</guid>
		<description><![CDATA[Menu Background Image Animations can change the position of the background image felt to be the best approach to creating the type of effect we&#8217;re looking for The animation needs... <a class="meta-more" href="http://www.hotajax.org/2010/09/05/menu-background-image-animations-with-jquery/">Read more <span class="meta-nav">&#187;</span></a>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.hotajax.org%2F2010%2F09%2F05%2Fmenu-background-image-animations-with-jquery%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.hotajax.org%2F2010%2F09%2F05%2Fmenu-background-image-animations-with-jquery%2F&amp;style=normal&amp;hashtags=image+menu,jquery+menu" height="61" width="50" /><br />
			</a>
		</div>
<p><img class="alignnone size-medium wp-image-1050" title="Menu Background Image Animations" src="http://www.hotajax.org/wp-content/uploads/2010/09/Menu-Background-Image-Animations-300x287.jpg" alt="" width="300" height="287" /><br />
Menu Background Image Animations can change the position of the background image felt to be the best approach to creating the type of effect we&#8217;re looking for</p>
<p>The animation needs to run when the user moves their  mouse over and out of the navigation. The key thing to note is that any  animation is stopped before attempting to animate again. This avoids  animations queuing up from repeatedly moving the mouse in and out of the  element.<span id="more-1049"></span></p>
<div class="legend">
<h3 class="legend-title">homepage</h3>
<p>http://snook.ca/technical/jquery-bg/</p>
</div>
<p class="box-hilite">Requeriments:jQuery Framework<br />
License: MIT, and GPL License</p>
<div class="demo_download">
<div id="demo2" class="demo"><a id="de_mo" class="ajaxothersite" href="http://www.hotajax.org/demo/Menu Background Image Animations/index.html">Demo</a></div>
<div id="download2" class="download"><a id="down_load" href="#">Download</a></div>
</div>
<div style="display: none;">
<div id="inline_content1" style="padding: 10px; background: #fff;"><a href="http://www.hotajax.org/wp-content/plugins/download-monitor/download.php?id=65" >Menu Background Image Animations</a>-filetype:zip-version:1.0-size:24.62 kB-Downloaded 7 times"</div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.hotajax.org/2010/09/05/menu-background-image-animations-with-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Image menu with mootools</title>
		<link>http://www.hotajax.org/2010/09/03/image-menu-with-mootools/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=image-menu-with-mootools</link>
		<comments>http://www.hotajax.org/2010/09/03/image-menu-with-mootools/#comments</comments>
		<pubDate>Fri, 03 Sep 2010 06:56:12 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Menu]]></category>
		<category><![CDATA[image menu]]></category>
		<category><![CDATA[Mootools menu]]></category>

		<guid isPermaLink="false">http://www.hotajax.org/?p=1044</guid>
		<description><![CDATA[Features: * It allows onClick event keeps selected item open. * Click open item to close. * Specify a function for the onClick event. * Auto open when the page... <a class="meta-more" href="http://www.hotajax.org/2010/09/03/image-menu-with-mootools/">Read more <span class="meta-nav">&#187;</span></a>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.hotajax.org%2F2010%2F09%2F03%2Fimage-menu-with-mootools%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.hotajax.org%2F2010%2F09%2F03%2Fimage-menu-with-mootools%2F&amp;style=normal&amp;hashtags=image+menu,Mootools+menu" height="61" width="50" /><br />
			</a>
		</div>
<p><img src="http://www.hotajax.org/wp-content/uploads/2010/09/imagemenu-mootools-300x220.jpg" alt="" title="imagemenu mootools" width="300" height="220" class="alignnone size-medium wp-image-1045" /><br />
Features:<br />
    * It allows onClick event keeps selected item open.<br />
    * Click open item to close.<br />
    * Specify a function for the onClick event.<br />
    * Auto open when the page loads.<br />
<span id="more-1044"></span></p>
<p class="box-hilite">Requeriments:Mootools Framework<br />
License: License Free</p>
<div class="demo_download">
<div id="demo2" class="demo"><a id="de_mo" class="ajaxothersite" href="http://www.hotajax.org/demo/imagemenu/imagemenu/index.htm">Demo</a></div>
<div id="download2" class="download"><a id="down_load" href="#">Download</a></div>
</div>
<div style="display:none">
<div id="inline_content1" style="padding: 10px;background: #fff"><a href="http://www.hotajax.org/wp-content/plugins/download-monitor/download.php?id=64" >image menu with mootools</a>-filetype:zip-version:1.0-size:327.82 kB-Downloaded 12 times"  </div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.hotajax.org/2010/09/03/image-menu-with-mootools/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mif Menu with Mootools</title>
		<link>http://www.hotajax.org/2010/09/03/mif-menu-with-mootools/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=mif-menu-with-mootools</link>
		<comments>http://www.hotajax.org/2010/09/03/mif-menu-with-mootools/#comments</comments>
		<pubDate>Fri, 03 Sep 2010 01:01:45 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Menu]]></category>
		<category><![CDATA[menu]]></category>
		<category><![CDATA[Mootools menu]]></category>

		<guid isPermaLink="false">http://www.hotajax.org/?p=1038</guid>
		<description><![CDATA[Mif.Menu supports multi-level and key navigation as well. There are ART style and shadow style context menu for you to choose from. homepage http://mifjs.net/trunk/menu/ Requeriments:Mootools Framework License: Creative Commons Attribution-NonCommercial-ShareAlike... <a class="meta-more" href="http://www.hotajax.org/2010/09/03/mif-menu-with-mootools/">Read more <span class="meta-nav">&#187;</span></a>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.hotajax.org%2F2010%2F09%2F03%2Fmif-menu-with-mootools%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.hotajax.org%2F2010%2F09%2F03%2Fmif-menu-with-mootools%2F&amp;style=normal&amp;hashtags=menu,Mootools+menu" height="61" width="50" /><br />
			</a>
		</div>
<p><img src="http://www.hotajax.org/wp-content/uploads/2010/09/mif-menu.jpg" alt="" title="mif menu" width="289" height="242" class="alignnone size-full wp-image-1039" /><br />
Mif.Menu supports multi-level and key navigation as well. There are ART style and shadow style context menu for you to choose from. <span id="more-1038"></span></p>
<div class="legend">
<h3 class="legend-title">homepage</h3>
<p></br>
<p>http://mifjs.net/trunk/menu/</p>
</div>
<p class="box-hilite">Requeriments:Mootools Framework<br />
License: Creative Commons Attribution-NonCommercial-ShareAlike 3.0 License</p>
<div class="demo_download">
<div id="demo2" class="demo"><a id="de_mo" class="ajaxothersite" href="http://www.hotajax.org/demo/mif.menu-trunk/menu/Demos/index.html">Demo</a></div>
<div id="download2" class="download"><a id="down_load" href="#">Download</a></div>
</div>
<div style="display:none">
<div id="inline_content1" style="padding: 10px;background: #fff"><a href="http://www.hotajax.org/wp-content/plugins/download-monitor/download.php?id=63" >Mif.menu</a>-filetype:zip-version:1.0-size:281.01 kB-Downloaded 8 times" </div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.hotajax.org/2010/09/03/mif-menu-with-mootools/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>iPod Drilldown and Flyout Styles Menu System with jQuery</title>
		<link>http://www.hotajax.org/2010/09/02/ipod-drilldown-and-flyout-styles-menu-system-with-jquery/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=ipod-drilldown-and-flyout-styles-menu-system-with-jquery</link>
		<comments>http://www.hotajax.org/2010/09/02/ipod-drilldown-and-flyout-styles-menu-system-with-jquery/#comments</comments>
		<pubDate>Thu, 02 Sep 2010 11:22:03 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Menu]]></category>
		<category><![CDATA[Drilldown]]></category>
		<category><![CDATA[ipod menu]]></category>
		<category><![CDATA[jquery menu]]></category>

		<guid isPermaLink="false">http://www.hotajax.org/?p=1033</guid>
		<description><![CDATA[The iPod Drilldown and Flyout Styles Menu System can be used to create a simple dropdown menu for a single list of options, a flyout menu for a smaller hierarchical... <a class="meta-more" href="http://www.hotajax.org/2010/09/02/ipod-drilldown-and-flyout-styles-menu-system-with-jquery/">Read more <span class="meta-nav">&#187;</span></a>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.hotajax.org%2F2010%2F09%2F02%2Fipod-drilldown-and-flyout-styles-menu-system-with-jquery%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.hotajax.org%2F2010%2F09%2F02%2Fipod-drilldown-and-flyout-styles-menu-system-with-jquery%2F&amp;style=normal&amp;hashtags=Drilldown,ipod+menu,jquery+menu" height="61" width="50" /><br />
			</a>
		</div>
<p><img src="http://www.hotajax.org/wp-content/uploads/2010/09/fg-menu-jquery-300x300.jpg" alt="" title="fg-menu jquery" width="300" height="300" class="alignnone size-medium wp-image-1034" /><br />
The iPod Drilldown and Flyout Styles Menu System  can be used to create a simple dropdown menu for a single list of options, a flyout menu for a smaller hierarchical list of options where child menus are displayed next to the parent menu on mouseover, and two variations on the iPod style, one with a back button and another with a linked breadcrumb to let users easily traverse back up the hierarchy.</p>
<p><span id="more-1033"></span></p>
<div class="legend">
<h3 class="legend-title">homepage</h3>
<p></br>
<p>http://www.filamentgroup.com/lab/jquery_ipod_style_and_flyout_menus/</p>
</div>
<p class="box-hilite">Requeriments:jQuery Framework<br />
License: MIT and GPL License</p>
<div class="demo_download">
<div id="demo2" class="demo"><a id="de_mo" class="ajaxothersite" href="http://www.hotajax.org/demo/iPod Drilldown and Flyout Styles Menu System/index.html">Demo</a></div>
<div id="download2" class="download"><a id="down_load" href="#">Download</a></div>
</div>
<div style="display:none">
<div id="inline_content1" style="padding: 10px;background: #fff"><a href="http://www.hotajax.org/wp-content/plugins/download-monitor/download.php?id=62" >iPod Drilldown and Flyout Styles Menu System</a>-filetype:zip-version:1.0-size:127.47 kB-Downloaded 12 times" </div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.hotajax.org/2010/09/02/ipod-drilldown-and-flyout-styles-menu-system-with-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>BySlideMenu-Mootools plugin</title>
		<link>http://www.hotajax.org/2010/09/02/byslidemenu-mootools-plugin/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=byslidemenu-mootools-plugin</link>
		<comments>http://www.hotajax.org/2010/09/02/byslidemenu-mootools-plugin/#comments</comments>
		<pubDate>Thu, 02 Sep 2010 11:08:54 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Menu]]></category>
		<category><![CDATA[menu]]></category>
		<category><![CDATA[Mootools menu]]></category>
		<category><![CDATA[slide menu]]></category>

		<guid isPermaLink="false">http://www.hotajax.org/?p=1028</guid>
		<description><![CDATA[BySlideMenu is a plugin for Mootools which allow you to easily create a beautiful accordion menu (sliding menu) on any element you want (ul/li, div, p &#8230;) using images and/or... <a class="meta-more" href="http://www.hotajax.org/2010/09/02/byslidemenu-mootools-plugin/">Read more <span class="meta-nav">&#187;</span></a>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.hotajax.org%2F2010%2F09%2F02%2Fbyslidemenu-mootools-plugin%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.hotajax.org%2F2010%2F09%2F02%2Fbyslidemenu-mootools-plugin%2F&amp;style=normal&amp;hashtags=menu,Mootools+menu,slide+menu" height="61" width="50" /><br />
			</a>
		</div>
<p><img src="http://www.hotajax.org/wp-content/uploads/2010/09/BySlidemenu-mootools-300x300.jpg" alt="" title="BySlidemenu mootools" width="300" height="300" class="alignnone size-medium wp-image-1029" /><br />
BySlideMenu is a plugin for Mootools which allow you to easily create a beautiful accordion menu (sliding menu) on any element you want (ul/li, div, p &#8230;) using images and/or text.<br />
Features<br />
    * Works horizontally or vertically.<br />
    * Automatic size &#8211; The container width/height can be adjusted automatically.<br />
    * Menu is expandable by mouseover or by click, as you want.<br />
    * Menu can be pinned or not, by mouseover or click, you choose.<br />
    * A default index can be defined.<br />
    * Can be used with any elements (ul/li, div, p&#8230;)<br />
    * Overflow support.<br />
<span id="more-1028"></span></p>
<div class="legend">
<h3 class="legend-title">homepage</h3>
<p></br>
<p>http://www.byscripts.info/scripts/javascript-dynamic-accordion-menu</p>
</div>
<p class="box-hilite">Requeriments:Mootools Framework<br />
License: MIT License</p>
<div class="demo_download">
<div id="demo2" class="demo"><a id="de_mo" class="ajaxothersite" href="http://www.hotajax.org/demo/BySlideMenu/scripts/index.html">Demo</a></div>
<div id="download2" class="download"><a id="down_load" href="#">Download</a></div>
</div>
<div style="display:none">
<div id="inline_content1" style="padding: 10px;background: #fff"><a href="http://www.hotajax.org/wp-content/plugins/download-monitor/download.php?id=61" >BySlidemenu</a>-filetype:zip-version:1.1-size:325.98 kB-Downloaded 12 times" </div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.hotajax.org/2010/09/02/byslidemenu-mootools-plugin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>quicksand-jQuery plugin</title>
		<link>http://www.hotajax.org/2010/09/01/quicksand-jquery-plugin/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=quicksand-jquery-plugin</link>
		<comments>http://www.hotajax.org/2010/09/01/quicksand-jquery-plugin/#comments</comments>
		<pubDate>Wed, 01 Sep 2010 08:44:09 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Menu]]></category>
		<category><![CDATA[jquery menu]]></category>
		<category><![CDATA[menu]]></category>

		<guid isPermaLink="false">http://www.hotajax.org/?p=976</guid>
		<description><![CDATA[I love Mac apps, especially for their attention to detail. CoreAnimation makes it so easy to create useful and eye-pleasing effects, like the one in this video. Quicksand aims at... <a class="meta-more" href="http://www.hotajax.org/2010/09/01/quicksand-jquery-plugin/">Read more <span class="meta-nav">&#187;</span></a>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.hotajax.org%2F2010%2F09%2F01%2Fquicksand-jquery-plugin%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.hotajax.org%2F2010%2F09%2F01%2Fquicksand-jquery-plugin%2F&amp;style=normal&amp;hashtags=jquery+menu,menu" height="61" width="50" /><br />
			</a>
		</div>
<p><img class="alignnone size-full wp-image-977" title="jQuery Quicksand" src="http://www.hotajax.org/wp-content/uploads/2010/09/jQuery-Quicksand.jpg" alt="" width="279" height="272" /><br />
I love Mac apps, especially for their attention to detail. CoreAnimation makes it so easy to create useful and eye-pleasing effects, like the one in this video. Quicksand aims at providing a similar experience for users on the web.<br />
At the very basic level, Quicksand replaces one collection of items with another. All you need to do is provide those two sets of items. You can do it in a couple of ways:</p>
<p>1. Use plain HTML, like an unordered list.<br />
2. Download data by an Ajax call<br />
3. Transform HTML items by JavaScript (for example, sort them differently)<br />
<span id="more-976"></span></p>
<div class="legend">
<h3 class="legend-title">homepage</h3>
<p>http://razorjack.net/quicksand/docs-and-demos.html</p>
</div>
<p class="box-hilite">Requeriments:jQuery Framework<br />
License: MIT and GPL2 License</p>
<div class="demo_download">
<div id="demo2" class="demo"><a id="de_mo" class="ajaxothersite" href="http://www.hotajax.org/demo/quicksand/index.html">Demo</a></div>
<div id="download2" class="download"><a id="down_load" href="#">Download</a></div>
</div>
<div style="display: none;">
<div id="inline_content1" style="padding: 10px; background: #fff;"><a href="http://www.hotajax.org/wp-content/plugins/download-monitor/download.php?id=60" >quicksand</a>-filetype:zip-version:1.2.1-size:251.24 kB-Downloaded 10 times"</div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.hotajax.org/2010/09/01/quicksand-jquery-plugin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>BubbleUP jQuery Plugin</title>
		<link>http://www.hotajax.org/2010/09/01/bubbleup-jquery-plugin/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=bubbleup-jquery-plugin</link>
		<comments>http://www.hotajax.org/2010/09/01/bubbleup-jquery-plugin/#comments</comments>
		<pubDate>Wed, 01 Sep 2010 06:20:49 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Menu]]></category>
		<category><![CDATA[jquery menu]]></category>
		<category><![CDATA[menu]]></category>

		<guid isPermaLink="false">http://www.hotajax.org/?p=971</guid>
		<description><![CDATA[BubbleUP jQuery Plugin is a fun and easy plugin to get you started in jQuery. The effect is a nice starting point for learning the basics and many of the... <a class="meta-more" href="http://www.hotajax.org/2010/09/01/bubbleup-jquery-plugin/">Read more <span class="meta-nav">&#187;</span></a>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.hotajax.org%2F2010%2F09%2F01%2Fbubbleup-jquery-plugin%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.hotajax.org%2F2010%2F09%2F01%2Fbubbleup-jquery-plugin%2F&amp;style=normal&amp;hashtags=jquery+menu,menu" height="61" width="50" /><br />
			</a>
		</div>
<p><img class="alignnone size-medium wp-image-972" title="bubbleup jquery" src="http://www.hotajax.org/wp-content/uploads/2010/09/bubbleup-jquery-300x286.jpg" alt="" width="300" height="286" /><br />
BubbleUP jQuery Plugin  is a fun and easy plugin to get you started in jQuery. The effect is a nice starting point for learning the basics and many of the steps involved in creating other more intricate plugins you will make in the future.<br />
With BubbleUP, images in a list will enlarge with a smooth animation when you move your mouse over it. Then, if you move the mouse out, it will reset to the original size with the same smooth animation. It has been tested on IE 7, Opera 10, Firefox 3.5, Safari 4, and Chrome 5 Beta.<span id="more-971"></span></p>
<div class="legend">
<h3 class="legend-title">homepage</h3>
<p>http://aext.net/2010/02/learn-jquery-first-jquery-plugin-bubbleup/</p>
</div>
<p class="box-hilite">Requeriments:jQuery Framework<br />
License: License Free</p>
<div class="demo_download">
<div id="demo2" class="demo"><a id="de_mo" class="ajaxothersite" href="http://www.hotajax.org/demo/bubbleup-jquery-plugin-tutorial/index.html">Demo</a></div>
<div id="download2" class="download"><a id="down_load" href="#">Download</a></div>
</div>
<div style="display: none;">
<div id="inline_content1" style="padding: 10px; background: #fff;"><a href="http://www.hotajax.org/wp-content/plugins/download-monitor/download.php?id=59" >BubbleUp jQuery plugin</a>-filetype:zip-version:1.0-size:69.24 kB-Downloaded 18 times"</div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.hotajax.org/2010/09/01/bubbleup-jquery-plugin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>SliderNav</title>
		<link>http://www.hotajax.org/2010/09/01/slidernav/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=slidernav</link>
		<comments>http://www.hotajax.org/2010/09/01/slidernav/#comments</comments>
		<pubDate>Wed, 01 Sep 2010 04:55:14 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Slider]]></category>
		<category><![CDATA[Slider jQuery]]></category>

		<guid isPermaLink="false">http://www.hotajax.org/?p=965</guid>
		<description><![CDATA[SliderNav is a JQuery plugin that lets you add dynamic, sliding content using a vertical navigation bar (index). It is made mainly for alphabetical listings but can be used with... <a class="meta-more" href="http://www.hotajax.org/2010/09/01/slidernav/">Read more <span class="meta-nav">&#187;</span></a>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.hotajax.org%2F2010%2F09%2F01%2Fslidernav%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.hotajax.org%2F2010%2F09%2F01%2Fslidernav%2F&amp;style=normal&amp;hashtags=Slider,Slider+jQuery" height="61" width="50" /><br />
			</a>
		</div>
<p><img class="alignnone size-medium wp-image-966" title="slidernav jquery" src="http://www.hotajax.org/wp-content/uploads/2010/09/slidernav-jquery-300x300.jpg" alt="" width="300" height="300" /><br />
<strong>SliderNav</strong> is a JQuery plugin that lets you add dynamic, sliding content using a  vertical navigation bar (index).  It is made mainly for alphabetical  listings but can be used with anything, though longer words can look a  bit awkward.  The plugin automatically adds the navigation and sets the  height for the object based on how tall the navigation is, in order to  make sure users have access to the entire list.  I also used the <em>overflow: auto;</em> property for the actual content so you can <strong>use your mousewheel to scroll through the content as well</strong>.<br />
The plugin has been tested (and works fine) on Firefox 3, Chrome 5, IE7, Safari 4 and Opera 10.<br />
<span id="more-965"></span></p>
<div class="legend">
<h3 class="legend-title">homepage</h3>
<p>http://devgrow.com/slidernav</p>
</div>
<p class="box-hilite">Requeriments:jQuery Framework<br />
License: MIT, BSD, and GPL License</p>
<div class="demo_download">
<div id="demo2" class="demo"><a id="de_mo" class="ajaxothersite" href="http://www.hotajax.org/demo/slidernav/index.html">Demo</a></div>
<div id="download2" class="download"><a id="down_load" href="#">Download</a></div>
</div>
<div style="display: none;">
<div id="inline_content1" style="padding: 10px; background: #fff;"><a href="http://www.hotajax.org/wp-content/plugins/download-monitor/download.php?id=58" >slidernav</a>-filetype:zip-version:1.0-size:28.62 kB-Downloaded 13 times"</div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.hotajax.org/2010/09/01/slidernav/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
