<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta content="																	JQUERY Dojo Demos, Flash Resources, ASP.net Directory, Prototype Examples and More.
								              |Page-63" name="description"/>
<meta name="keywords" content="ajax,php,javascript,templates,frameworks, js, ajax plugins,net ajax,ajax manual, ajax jquery, jquery autocomplete,addons,javascript demos, scripting, XML, Web Services, php ajax,xslt, DHTML, web applications, Ajax JavaScript, javascript programming,scripts, jQuery, jQuery scripts, jQuery plugin,prototype,scriptaculous,mootools"/>
<title>
JQUERY
DropDown Menu, Buttons, Date pickers, Forms
| Page-63
</title>
<base href="http://www.ajaxshake.com/"/>
<link rel="alternate" type="application/rss+xml" title="AjaxShake RSS Feed" href="http://feeds.feedburner.com/ajaxshake"/>
<link rel="stylesheet" href="public/resources/styles/all.3.0.min.css" type="text/css" media="screen, projection"/>
<link rel="shortcut icon" href="http://www.ajaxshake.com/favicon.ico"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>
<body>
<div class="container">
<div id="showPictures"></div>
<div id="header" class="span-24 last">
<div class="headerLogo">
<div id="shaker"><a id="ajaxshakeLink" onclick="markinfo(1,'logo')" href="http://www.ajaxshake.com/"><img class="logo" alt="AJAXSHAKE" src="public/resources/images/logo.jpg"/></a></div>
</div>
<div id="sections">
<ul>
<li>
<h1><a rel="nofollow" class="sectionActive" href="http://www.ajaxshake.com/">Javascript Examples</a></h1>
</li>
</ul>
</div>
<div class="ilikeit">
</div>
<div class="plusone">
<g:plusone></g:plusone>
</div>
<div id="facebookLogin" class="facebookLogin">
</div>
<div class="socialItems">
<a rel="nofollow" target="_blank" href="http://feeds.feedburner.com/ajaxshake" title="Ajaxshake Feed Rss">
<img src="public/resources/images/social/feed.png"/>
</a>
<a rel="nofollow" target="_blank" href="http://www.facebook.com/pages/AjaxShake/126603027394570" title="Ajaxshake Facebook">
<img src="public/resources/images/social/facebook.png"/>
</a>
<a rel="nofollow" target="_blank" href="http://www.twitter.com/ajaxshake" title="Ajaxshake Twitter">
<img src="public/resources/images/social/twitter.png"/>
</a>
</div>
<div class="clear"></div>
<div class="lanBox">
<a href="javascript:void(0);"><img width='32px' height='32px' src="public/resources/images/eng32.png" alt="EN"/></a>
<a href="http://www.ajaxshake.com/es/JS/11163/jquery.html"><img width='32px' height='32px' src="public/resources/images/spa32.png" alt="ES"/></a>
</div>
</div>
<div class="globalContent">
<div id="leftContent" class="span-15 first">
<div style="margin-bottom: 50px;">
 
<div id="bsap_1278345" class="bsarocks bsap_95111c43e0348a419d1a20d834c0b28f"></div>
 
<div class="clear"></div>
</div>
<div class="linkNewWin">
<div class="newWinOp"><input id="openLink" name="openLink" type="checkbox" onClick="openLink('http://www.ajaxshake.com/en/JS/11163/nb/jquery.html');" checked /><label for="openLink">Open Links in a new Window</label></div>
</div>
<div class="post">
<div class="postTitle">
<h2 class="l ">
<a onclick="markinfo(204,'Content')" href="http://www.ajaxshake.com/en/JS/232041/sliders-tutorial-to-create-a-slider-gallery-sliders.html"> Sliders Tutorial to create a slider gallery</a>
</h2>
</div>
<div class="clear"></div>
<div class="categoriesBar">
<div class="categoriesLinks">
<span class="tagLabel">Tags:</span>
<a rel="nofollow" onclick="markinfo(1,'category-b')" href="http://www.ajaxshake.com/en/JS/1111/jquery.html" class="barLink">JQUERY</a>
<span class="firstPost">,&nbsp;</span>
<a rel="nofollow" onclick="markinfo(58,'category-b')" href="http://www.ajaxshake.com/en/JS/12581/image-slider.html" class="barLink">image slider</a>
<span class="firstPost">,&nbsp;</span>
<a rel="nofollow" onclick="markinfo(13,'category-b')" href="http://www.ajaxshake.com/en/JS/12131/galleries.html" class="barLink">Galleries</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/232041/sliders-tutorial-to-create-a-slider-gallery-sliders.html#comments" class="barLink"> | Comments(0)</a>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
<p class="postDescription">
This tutorial explains how to develop Create Beautiful jQuery sliders tutorial with image description and name.
<div class="centralImage">
<a rel="nofollow" title="Sliders Tutorial to create a slider gallery&nbsp;-&nbsp;Sliders" href="http://www.ajaxshake.com/en/JS/232041/sliders-tutorial-to-create-a-slider-gallery-sliders.html" onClick="showPictures(204);return false;">
<img src="http://www.ajaxshake.com/public/usersFiles/main/gallery-slider-javascript-27_user_1_5d5fa.jpg" alt="Sliders Tutorial to create a slider gallery&nbsp;-&nbsp;Sliders" style="cursor:pointer;"/>
</a>
</div>
<div style="margin-bottom:50px;margin-top:50px">
<script type="text/javascript"><!--
                google_ad_client = "ca-pub-2827027577271242";
                /* Ajaxshake Banner 1 */
                google_ad_slot = "0453445685";
                google_ad_width = 728;
                google_ad_height = 90;
                //-->
                </script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
                </script>
</div>
<div class="bigSection">
<div class="tTip" title="
                    <span class='scriptInfo'><b>Sliders</b></span>
                    <br/>
                    <b>Requiriments:&nbsp;</b><br/>jQuery 1.2.6<br/>                    <b>License:&nbsp;</b>N/D                    <br/>
                    <b>Size:&nbsp;</b>n/s&nbsp;(n/v)<br/>                    <b>Author:&nbsp;</b>&nbsp;dreamcss                    <br/>
                    <span class='tipLanLabel'>Language:&nbsp;</span>
                    <img src='public/resources/images/eng24.png' /><div class='clear'></div> ">
<a rel="nofollow" class="bigLink linkDownloadEN" target="_blank" href="http://www.ajaxshake.com/plugin/EN/204/efb3c9ef/sliders-tutorial-to-create-a-slider-gallery-sliders.html" onClick="setView(204,'EN');"></a>
</div>
<a rel="nofollow" class="bigLink linkDemoEN" target="_blank" href="http://www.ajaxshake.com/demo/EN/204/efb3c9ef/sliders-tutorial-to-create-a-slider-gallery-sliders.html" onClick="setView(204,'EN');"></a>
</div>
</p>
</div>
<div class="post">
<div class="postTitle">
<h2 class="l ">
<a onclick="markinfo(190,'Content')" href="http://www.ajaxshake.com/en/JS/231901/sliding-image-gallery-jquery-plug-in-slidinggallery.html"> Sliding Image Gallery jQuery Plug-in</a>
</h2>
</div>
<div class="clear"></div>
<div class="categoriesBar">
<div class="categoriesLinks">
<span class="tagLabel">Tags:</span>
<a rel="nofollow" onclick="markinfo(1,'category-b')" href="http://www.ajaxshake.com/en/JS/1111/jquery.html" class="barLink">JQUERY</a>
<span class="firstPost">,&nbsp;</span>
<a rel="nofollow" onclick="markinfo(58,'category-b')" href="http://www.ajaxshake.com/en/JS/12581/image-slider.html" class="barLink">image slider</a>
<span class="firstPost">,&nbsp;</span>
<a rel="nofollow" onclick="markinfo(13,'category-b')" href="http://www.ajaxshake.com/en/JS/12131/galleries.html" class="barLink">Galleries</a>
<span class="firstPost">,&nbsp;</span>
<a rel="nofollow" onclick="markinfo(53,'category-b')" href="http://www.ajaxshake.com/en/JS/12531/php.html" class="barLink">PHP</a>
<span class="firstPost">,&nbsp;</span>
<a rel="nofollow" onclick="markinfo(83,'category-b')" href="http://www.ajaxshake.com/en/JS/12831/asp-net.html" class="barLink">ASP.NET</a>
<span class="firstPost">,&nbsp;</span>
<a rel="nofollow" onclick="markinfo(97,'category-b')" href="http://www.ajaxshake.com/en/JS/12971/carousel.html" class="barLink">Carousel</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/231901/sliding-image-gallery-jquery-plug-in-slidinggallery.html#comments" class="barLink"> | Comments(0)</a>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
<p class="postDescription">
Shows a varying number of images in an attractive and easy to use manner. The inspiration for this plug-in is the iTunes album viewer.
<div class="centralImage">
<a rel="nofollow" title="Sliding Image Gallery jQuery Plug-in&nbsp;-&nbsp;SlidingGallery" href="http://www.ajaxshake.com/en/JS/231901/sliding-image-gallery-jquery-plug-in-slidinggallery.html" onClick="showPictures(190);return false;">
<img src="public/resources/images/ajax-loader.gif" original="http://www.ajaxshake.com/public/usersFiles/main/sliding-gallery-jquery-01_user_1_41b1e.jpg" alt="Sliding Image Gallery jQuery Plug-in&nbsp;-&nbsp;SlidingGallery" style="cursor:pointer;"/>
</a>
</div>
<div class="bigSection">
<div class="tTip" title="
                    <span class='scriptInfo'><b>SlidingGallery</b></span>
                    <br/>
                    <b>Requiriments:&nbsp;</b><br/>jQuery 1.3.2<br/>                    <b>License:&nbsp;</b><a target='_blank' href='http://www.opensource.org/licenses/gpl-license.php'>Dual licensed under the MIT and GPL licenses</a>                    <br/>
                    <b>Size:&nbsp;</b>31.3kb&nbsp;(v1.2)<br/>                    <b>Author:&nbsp;</b>&nbsp;Justin Mead                    <br/>
                    <span class='tipLanLabel'>Language:&nbsp;</span>
                    <img src='public/resources/images/eng24.png' /><div class='clear'></div> ">
<a rel="nofollow" class="bigLink linkDownloadEN" target="_blank" href="http://www.ajaxshake.com/plugin/EN/190/c120c9c9/sliding-image-gallery-jquery-plug-in-slidinggallery.html" onClick="setView(190,'EN');"></a>
</div>
<a rel="nofollow" class="bigLink linkDemoEN" target="_blank" href="http://www.ajaxshake.com/demo/EN/190/c120c9c9/sliding-image-gallery-jquery-plug-in-slidinggallery.html" onClick="setView(190,'EN');"></a>
</div>
</p>
</div>
<div class="post">
<div class="postTitle">
<h2 class="l ">
<a onclick="markinfo(187,'Content')" href="http://www.ajaxshake.com/en/JS/231871/make-an-elastic-thumbnail-menu-elastic-menu.html"> Make An Elastic Thumbnail Menu</a>
</h2>
</div>
<div class="clear"></div>
<div class="categoriesBar">
<div class="categoriesLinks">
<span class="tagLabel">Tags:</span>
<a rel="nofollow" onclick="markinfo(1,'category-b')" href="http://www.ajaxshake.com/en/JS/1111/jquery.html" class="barLink">JQUERY</a>
<span class="firstPost">,&nbsp;</span>
<a rel="nofollow" onclick="markinfo(9,'category-b')" href="http://www.ajaxshake.com/en/JS/1191/menus.html" class="barLink">Menus</a>
<span class="firstPost">,&nbsp;</span>
<a rel="nofollow" onclick="markinfo(66,'category-b')" href="http://www.ajaxshake.com/en/JS/12661/tutorial.html" class="barLink">Tutorial</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/231871/make-an-elastic-thumbnail-menu-elastic-menu.html#comments" class="barLink"> | Comments(0)</a>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
<p class="postDescription">
Magnifies menu items when they are hovered over.
<div class="centralImage">
<a rel="nofollow" title="Make An Elastic Thumbnail Menu&nbsp;-&nbsp;Elastic Menu" href="http://www.ajaxshake.com/en/JS/231871/make-an-elastic-thumbnail-menu-elastic-menu.html" onClick="showPictures(187);return false;">
<img src="public/resources/images/ajax-loader.gif" original="http://www.ajaxshake.com/public/usersFiles/main/elastic-menu-mac-style-22_user_1_03bc4.jpg" alt="Make An Elastic Thumbnail Menu&nbsp;-&nbsp;Elastic Menu" style="cursor:pointer;"/>
</a>
</div>
<div class="bigSection">
<div class="tTip" title="
                    <span class='scriptInfo'><b>Elastic Menu</b></span>
                    <br/>
                    <b>Requiriments:&nbsp;</b><br/>jQuery 1.3.2<br/>                    <b>License:&nbsp;</b>N/D                    <br/>
                    <b>Size:&nbsp;</b>n/s&nbsp;(n/v)<br/>                    <b>Author:&nbsp;</b>&nbsp;Sam Dunn                    <br/>
                    <span class='tipLanLabel'>Language:&nbsp;</span>
                    <img src='public/resources/images/eng24.png' /><div class='clear'></div> ">
<a rel="nofollow" class="bigLink linkDownloadEN" target="_blank" href="http://www.ajaxshake.com/plugin/EN/187/36c29806/make-an-elastic-thumbnail-menu-elastic-menu.html" onClick="setView(187,'EN');"></a>
</div>
<a rel="nofollow" class="bigLink linkDemoEN" target="_blank" href="http://www.ajaxshake.com/demo/EN/187/36c29806/make-an-elastic-thumbnail-menu-elastic-menu.html" onClick="setView(187,'EN');"></a>
</div>
</p>
</div>
<div class="ads4" style="margin-top:100px;">
<script type="text/javascript"><!--
        google_ad_client = "ca-pub-2827027577271242";
        /* Ajaxshake box */
        google_ad_slot = "8953530315";
        google_ad_width = 336;
        google_ad_height = 280;
        //-->
        </script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
        </script>
</div>
<div class="bigSection">
</div>
<div class="post">
<div class="postTitle">
<h2 class="l ">
<a onclick="markinfo(186,'Content')" href="http://www.ajaxshake.com/en/JS/231861/fullscreen-slideshow-images-slider-resizes-images-to-fill-browser-while-maintaining-image-dimension-ratio-supersized.html"> Fullscreen Slideshow , Images Slider, Resizes images to fill browser while maintaining image dimension ratio</a>
</h2>
</div>
<div class="clear"></div>
<div class="categoriesBar">
<div class="categoriesLinks">
<span class="tagLabel">Tags:</span>
<a rel="nofollow" onclick="markinfo(1,'category-b')" href="http://www.ajaxshake.com/en/JS/1111/jquery.html" class="barLink">JQUERY</a>
<span class="firstPost">,&nbsp;</span>
<a rel="nofollow" onclick="markinfo(58,'category-b')" href="http://www.ajaxshake.com/en/JS/12581/image-slider.html" class="barLink">image slider</a>
<span class="firstPost">,&nbsp;</span>
<a rel="nofollow" onclick="markinfo(13,'category-b')" href="http://www.ajaxshake.com/en/JS/12131/galleries.html" class="barLink">Galleries</a>
<span class="firstPost">,&nbsp;</span>
<a rel="nofollow" onclick="markinfo(59,'category-b')" href="http://www.ajaxshake.com/en/JS/12591/transition.html" class="barLink">Transition</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/231861/fullscreen-slideshow-images-slider-resizes-images-to-fill-browser-while-maintaining-image-dimension-ratio-supersized.html#comments" class="barLink"> | Comments(0)</a>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
<p class="postDescription">
Supersized is a fullscreen slidehow jQuery plugin. It supports image preloading with image cycling with transitioning effect.
<div class="centralImage">
<a rel="nofollow" title="Fullscreen Slideshow , Images Slider, Resizes images to fill browser while maintaining image dimension ratio&nbsp;-&nbsp;Supersized" href="http://www.ajaxshake.com/en/JS/231861/fullscreen-slideshow-images-slider-resizes-images-to-fill-browser-while-maintaining-image-dimension-ratio-supersized.html" onClick="showPictures(186);return false;">
<img src="public/resources/images/ajax-loader.gif" original="http://www.ajaxshake.com/public/usersFiles/main/full-image-slider-0001_user_1_106c9.jpg" alt="Fullscreen Slideshow , Images Slider, Resizes images to fill browser while maintaining image dimension ratio&nbsp;-&nbsp;Supersized" style="cursor:pointer;"/>
</a>
</div>
<div class="bigSection">
<div class="tTip" title="
                    <span class='scriptInfo'><b>Supersized</b></span>
                    <br/>
                    <b>Requiriments:&nbsp;</b><br/>jQuery v1.3.2<br/>                    <b>License:&nbsp;</b>N/D                    <br/>
                    <b>Size:&nbsp;</b>10.35kb&nbsp;(v2.0)<br/>                    <b>Author:&nbsp;</b>&nbsp;Sam Dunn                    <br/>
                    <span class='tipLanLabel'>Language:&nbsp;</span>
                    <img src='public/resources/images/eng24.png' /><div class='clear'></div> ">
<a rel="nofollow" class="bigLink linkDownloadEN" target="_blank" href="http://www.ajaxshake.com/plugin/EN/186/9b98929d/fullscreen-slideshow-images-slider-resizes-images-to-fill-browser-while-maintaining-image-dimension-ratio-supersized.html" onClick="setView(186,'EN');"></a>
</div>
<a rel="nofollow" class="bigLink linkDemoEN" target="_blank" href="http://www.ajaxshake.com/demo/EN/186/9b98929d/fullscreen-slideshow-images-slider-resizes-images-to-fill-browser-while-maintaining-image-dimension-ratio-supersized.html" onClick="setView(186,'EN');"></a>
</div>
</p>
</div>
<div class="post">
<div class="postTitle">
<h2 class="l ">
<a onclick="markinfo(183,'Content')" href="http://www.ajaxshake.com/en/JS/231831/create-a-colorful-clock-with-css-and-jquery-colorful-clock.html"> Create a Colorful Clock with CSS and jQuery</a>
</h2>
</div>
<div class="clear"></div>
<div class="categoriesBar">
<div class="categoriesLinks">
<span class="tagLabel">Tags:</span>
<a rel="nofollow" onclick="markinfo(1,'category-b')" href="http://www.ajaxshake.com/en/JS/1111/jquery.html" class="barLink">JQUERY</a>
<span class="firstPost">,&nbsp;</span>
<a rel="nofollow" onclick="markinfo(14,'category-b')" href="http://www.ajaxshake.com/en/JS/12141/clocks.html" class="barLink">Clocks</a>
<span class="firstPost">,&nbsp;</span>
<a rel="nofollow" onclick="markinfo(60,'category-b')" href="http://www.ajaxshake.com/en/JS/12601/animation.html" class="barLink">Animation</a>
<span class="firstPost">,&nbsp;</span>
<a rel="nofollow" onclick="markinfo(66,'category-b')" href="http://www.ajaxshake.com/en/JS/12661/tutorial.html" class="barLink">Tutorial</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/231831/create-a-colorful-clock-with-css-and-jquery-colorful-clock.html#comments" class="barLink"> | Comments(0)</a>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
<p class="postDescription">
Tutorial that tell you how to Create a full color clock with javascript.
<div class="centralImage">
<a rel="nofollow" title="Create a Colorful Clock with CSS and jQuery&nbsp;-&nbsp;Colorful Clock" href="http://www.ajaxshake.com/en/JS/231831/create-a-colorful-clock-with-css-and-jquery-colorful-clock.html" onClick="showPictures(183);return false;">
<img src="public/resources/images/ajax-loader.gif" original="http://www.ajaxshake.com/public/usersFiles/main/full-color-clock-11_user_1_e06f4.jpg" alt="Create a Colorful Clock with CSS and jQuery&nbsp;-&nbsp;Colorful Clock" style="cursor:pointer;"/>
</a>
</div>
<div class="bigSection">
<div class="tTip" title="
                    <span class='scriptInfo'><b>Colorful Clock</b></span>
                    <br/>
                    <b>Requiriments:&nbsp;</b><br/>jQuery 1.3.x+<br/>                    <b>License:&nbsp;</b><a target='_blank' href='http://en.wikipedia.org/wiki/MIT_License'>MIT License</a>                    <br/>
                    <b>Size:&nbsp;</b>4.5kb&nbsp;(v1.0)<br/>                    <b>Author:&nbsp;</b>&nbsp;Martin Angelov                    <br/>
                    <span class='tipLanLabel'>Language:&nbsp;</span>
                    <img src='public/resources/images/eng24.png' /><div class='clear'></div> ">
<a rel="nofollow" class="bigLink linkDownloadEN" target="_blank" href="http://www.ajaxshake.com/plugin/EN/183/40063834/create-a-colorful-clock-with-css-and-jquery-colorful-clock.html" onClick="setView(183,'EN');"></a>
</div>
<a rel="nofollow" class="bigLink linkDemoEN" target="_blank" href="http://www.ajaxshake.com/demo/EN/183/40063834/create-a-colorful-clock-with-css-and-jquery-colorful-clock.html" onClick="setView(183,'EN');"></a>
</div>
</p>
</div>
<div class="post">
<div class="postTitle">
<h2 class="l ">
<a onclick="markinfo(182,'Content')" href="http://www.ajaxshake.com/en/JS/231821/old-school-clock-with-javascript-and-jquery-old-school-clock.html"> Old school clock with javascript and jQuery</a>
</h2>
</div>
<div class="clear"></div>
<div class="categoriesBar">
<div class="categoriesLinks">
<span class="tagLabel">Tags:</span>
<a rel="nofollow" onclick="markinfo(1,'category-b')" href="http://www.ajaxshake.com/en/JS/1111/jquery.html" class="barLink">JQUERY</a>
<span class="firstPost">,&nbsp;</span>
<a rel="nofollow" onclick="markinfo(14,'category-b')" href="http://www.ajaxshake.com/en/JS/12141/clocks.html" class="barLink">Clocks</a>
<span class="firstPost">,&nbsp;</span>
<a rel="nofollow" onclick="markinfo(60,'category-b')" href="http://www.ajaxshake.com/en/JS/12601/animation.html" class="barLink">Animation</a>
<span class="firstPost">,&nbsp;</span>
<a rel="nofollow" onclick="markinfo(66,'category-b')" href="http://www.ajaxshake.com/en/JS/12661/tutorial.html" class="barLink">Tutorial</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/231821/old-school-clock-with-javascript-and-jquery-old-school-clock.html#comments" class="barLink"> | Comments(0)</a>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
<p class="postDescription">
This tutorial shows how to create an old clock with javascript, the goal of this tutorial is the demostration of how to rotate elements in jquery
<div class="centralImage">
<a rel="nofollow" title="Old school clock with javascript and jQuery&nbsp;-&nbsp;Old School Clock" href="http://www.ajaxshake.com/en/JS/231821/old-school-clock-with-javascript-and-jquery-old-school-clock.html" onClick="showPictures(182);return false;">
<img src="public/resources/images/ajax-loader.gif" original="http://www.ajaxshake.com/public/usersFiles/main/old-school-clock-jquery-08_user_1_ee5ce.jpg" alt="Old school clock with javascript and jQuery&nbsp;-&nbsp;Old School Clock" style="cursor:pointer;"/>
</a>
</div>
<div class="bigSection">
<div class="tTip" title="
                    <span class='scriptInfo'><b>Old School Clock</b></span>
                    <br/>
                    <b>Requiriments:&nbsp;</b><br/>jQuery 1.2.6<br/>                    <b>License:&nbsp;</b>N/D                    <br/>
                    <b>Size:&nbsp;</b>n/s&nbsp;(n/v)<br/>                    <b>Author:&nbsp;</b>&nbsp;Toby Pitman                    <br/>
                    <span class='tipLanLabel'>Language:&nbsp;</span>
                    <img src='public/resources/images/eng24.png' /><div class='clear'></div> ">
<a rel="nofollow" class="bigLink linkDownloadEN" target="_blank" href="http://www.ajaxshake.com/plugin/EN/182/ad87a2b5/old-school-clock-with-javascript-and-jquery-old-school-clock.html" onClick="setView(182,'EN');"></a>
</div>
<a rel="nofollow" class="bigLink linkDemoEN" target="_blank" href="http://www.ajaxshake.com/demo/EN/182/ad87a2b5/old-school-clock-with-javascript-and-jquery-old-school-clock.html" onClick="setView(182,'EN');"></a>
</div>
</p>
</div>
<div class="post">
<div class="postTitle">
<h2 class="l ">
<a onclick="markinfo(180,'Content')" href="http://www.ajaxshake.com/en/JS/231801/have-a-consistent-look-for-checkboxes-across-browser-or-those-who-simply-want-them-to-look-better-prettycheckboxes.html"> Have a consistent look for checkboxes across browser or those who simply want them to look better.</a>
</h2>
</div>
<div class="clear"></div>
<div class="categoriesBar">
<div class="categoriesLinks">
<span class="tagLabel">Tags:</span>
<a rel="nofollow" onclick="markinfo(1,'category-b')" href="http://www.ajaxshake.com/en/JS/1111/jquery.html" class="barLink">JQUERY</a>
<span class="firstPost">,&nbsp;</span>
<a rel="nofollow" onclick="markinfo(70,'category-b')" href="http://www.ajaxshake.com/en/JS/12701/select-list.html" class="barLink">Select list</a>
<span class="firstPost">,&nbsp;</span>
<a rel="nofollow" onclick="markinfo(71,'category-b')" href="http://www.ajaxshake.com/en/JS/12711/checkbox.html" class="barLink">Checkbox</a>
<span class="firstPost">,&nbsp;</span>
<a rel="nofollow" onclick="markinfo(62,'category-b')" href="http://www.ajaxshake.com/en/JS/12621/styles.html" class="barLink">styles</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/231801/have-a-consistent-look-for-checkboxes-across-browser-or-those-who-simply-want-them-to-look-better-prettycheckboxes.html#comments" class="barLink"> | Comments(0)</a>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
<p class="postDescription">
Nothing is easier to use. First include the jQuery library then include the prettyCheckboxes javascript in the head of the page(s) where you want to use prettyCheckboxes.
<div class="centralImage">
<a rel="nofollow" title="Have a consistent look for checkboxes across browser or those who simply want them to look better.&nbsp;-&nbsp;PrettyCheckboxes" href="http://www.ajaxshake.com/en/JS/231801/have-a-consistent-look-for-checkboxes-across-browser-or-those-who-simply-want-them-to-look-better-prettycheckboxes.html" onClick="showPictures(180);return false;">
<img src="public/resources/images/ajax-loader.gif" original="http://www.ajaxshake.com/public/usersFiles/main/pretty-checkbox_user_1_7ead2.jpg" alt="Have a consistent look for checkboxes across browser or those who simply want them to look better.&nbsp;-&nbsp;PrettyCheckboxes" style="cursor:pointer;"/>
</a>
</div>
<div class="bigSection">
<div class="tTip" title="
                    <span class='scriptInfo'><b>PrettyCheckboxes</b></span>
                    <br/>
                    <b>Requiriments:&nbsp;</b><br/>jQuery 1.3.x<br/>                    <b>License:&nbsp;</b>N/D                    <br/>
                    <b>Size:&nbsp;</b>2.18kb&nbsp;(v1.1)<br/>                    <b>Author:&nbsp;</b>&nbsp;Stephane Caron                    <br/>
                    <span class='tipLanLabel'>Language:&nbsp;</span>
                    <img src='public/resources/images/eng24.png' /><div class='clear'></div> ">
<a rel="nofollow" class="bigLink linkDownloadEN" target="_blank" href="http://www.ajaxshake.com/plugin/EN/180/6c1b785b/have-a-consistent-look-for-checkboxes-across-browser-or-those-who-simply-want-them-to-look-better-prettycheckboxes.html" onClick="setView(180,'EN');"></a>
</div>
<a rel="nofollow" class="bigLink linkDemoEN" target="_blank" href="http://www.ajaxshake.com/demo/EN/180/6c1b785b/have-a-consistent-look-for-checkboxes-across-browser-or-those-who-simply-want-them-to-look-better-prettycheckboxes.html" onClick="setView(180,'EN');"></a>
</div>
</p>
</div>
<div class="post">
<div class="postTitle">
<h2 class="l ">
<a onclick="markinfo(179,'Content')" href="http://www.ajaxshake.com/en/JS/231791/plugin-or-addon-for-jquery-that-makes-it-easy-to-replace-text-in-web-page-with-flash-text-sifr.html"> Plugin or addon for jQuery that makes it easy to replace text in web page with flash text</a>
</h2>
</div>
<div class="clear"></div>
<div class="categoriesBar">
<div class="categoriesLinks">
<span class="tagLabel">Tags:</span>
<a rel="nofollow" onclick="markinfo(1,'category-b')" href="http://www.ajaxshake.com/en/JS/1111/jquery.html" class="barLink">JQUERY</a>
<span class="firstPost">,&nbsp;</span>
<a rel="nofollow" onclick="markinfo(62,'category-b')" href="http://www.ajaxshake.com/en/JS/12621/styles.html" class="barLink">styles</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/231791/plugin-or-addon-for-jquery-that-makes-it-easy-to-replace-text-in-web-page-with-flash-text-sifr.html#comments" class="barLink"> | Comments(0)</a>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
<p class="postDescription">
The jQuery sIFR Plugin gives you a function in javascript to replace text in a web page dynamically with sIFR (Scalable Inman Flash Replacement) text, using native jQuery functionality.
<div class="centralImage">
<a rel="nofollow" title="Plugin or addon for jQuery that makes it easy to replace text in web page with flash text&nbsp;-&nbsp;sIFR" href="http://www.ajaxshake.com/en/JS/231791/plugin-or-addon-for-jquery-that-makes-it-easy-to-replace-text-in-web-page-with-flash-text-sifr.html" onClick="showPictures(179);return false;">
<img src="public/resources/images/ajax-loader.gif" original="http://www.ajaxshake.com/public/usersFiles/main/jquery-to-flash-text-01_user_1_50bb9.jpg" alt="Plugin or addon for jQuery that makes it easy to replace text in web page with flash text&nbsp;-&nbsp;sIFR" style="cursor:pointer;"/>
</a>
</div>
<div class="bigSection">
<div class="tTip" title="
                    <span class='scriptInfo'><b>sIFR</b></span>
                    <br/>
                    <b>Requiriments:&nbsp;</b><br/>jQuery 1.3.1<br/>SWFObject 1.0.4<br/><br/>                    <b>License:&nbsp;</b><a target='_blank' href='http://en.wikipedia.org/wiki/MIT_License'>MIT License</a>                    <br/>
                    <b>Size:&nbsp;</b>2.82KB&nbsp;(v3.0.4)<br/>                    <b>Author:&nbsp;</b>&nbsp;Jonathan Neal                    <br/>
                    <span class='tipLanLabel'>Language:&nbsp;</span>
                    <img src='public/resources/images/eng24.png' /><div class='clear'></div> ">
<a rel="nofollow" class="bigLink linkDownloadEN" target="_blank" href="http://www.ajaxshake.com/plugin/EN/179/4e7d47ee/plugin-or-addon-for-jquery-that-makes-it-easy-to-replace-text-in-web-page-with-flash-text-sifr.html" onClick="setView(179,'EN');"></a>
</div>
<a rel="nofollow" class="bigLink linkDemoEN" target="_blank" href="http://www.ajaxshake.com/demo/EN/179/4e7d47ee/plugin-or-addon-for-jquery-that-makes-it-easy-to-replace-text-in-web-page-with-flash-text-sifr.html" onClick="setView(179,'EN');"></a>
</div>
</p>
</div>
<div class="post">
<div class="postTitle">
<h2 class="l ">
<a onclick="markinfo(178,'Content')" href="http://www.ajaxshake.com/en/JS/231781/plugin-that-creates-an-accordion-menu-accordion.html"> Plugin that creates an accordion menu</a>
</h2>
</div>
<div class="clear"></div>
<div class="categoriesBar">
<div class="categoriesLinks">
<span class="tagLabel">Tags:</span>
<a rel="nofollow" onclick="markinfo(1,'category-b')" href="http://www.ajaxshake.com/en/JS/1111/jquery.html" class="barLink">JQUERY</a>
<span class="firstPost">,&nbsp;</span>
<a rel="nofollow" onclick="markinfo(12,'category-b')" href="http://www.ajaxshake.com/en/JS/12121/tabs.html" class="barLink">tabs</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/231781/plugin-that-creates-an-accordion-menu-accordion.html#comments" class="barLink"> | Comments(0)</a>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
<p class="postDescription">
This plugin creates an accordion menu. It works with nested lists, definition lists, or just nested divs. Options are available to specify the structure, if necessary, the active element (to display at first) and to customize animations. The navigation-option automatically activates a part of the accordion based on the current location (URL) of the page.
<div class="centralImage">
<a rel="nofollow" title="Plugin that creates an accordion menu&nbsp;-&nbsp;Accordion" href="http://www.ajaxshake.com/en/JS/231781/plugin-that-creates-an-accordion-menu-accordion.html" onClick="showPictures(178);return false;">
<img src="public/resources/images/ajax-loader.gif" original="http://www.ajaxshake.com/public/usersFiles/main/accordeon-menu-jquery-33_user_1_a9b2b.jpg" alt="Plugin that creates an accordion menu&nbsp;-&nbsp;Accordion" style="cursor:pointer;"/>
</a>
</div>
<div class="bigSection">
<div class="tTip" title="
                    <span class='scriptInfo'><b>Accordion</b></span>
                    <br/>
                    <b>Requiriments:&nbsp;</b><br/>jQuery 1.2.x+<br/>dimensions plugin<br/>                    <b>License:&nbsp;</b><a target='_blank' href='http://www.opensource.org/licenses/gpl-license.php'>Dual licensed under the MIT and GPL licenses</a>                    <br/>
                    <b>Size:&nbsp;</b>3.82kb&nbsp;(v1.6)<br/>                    <b>Author:&nbsp;</b>&nbsp;JÃ¶rn Zaefferer                    <br/>
                    <span class='tipLanLabel'>Language:&nbsp;</span>
                    <img src='public/resources/images/eng24.png' /><div class='clear'></div> ">
<a rel="nofollow" class="bigLink linkDownloadEN" target="_blank" href="http://www.ajaxshake.com/plugin/EN/178/dd2155e7/plugin-that-creates-an-accordion-menu-accordion.html" onClick="setView(178,'EN');"></a>
</div>
<a rel="nofollow" class="bigLink linkDemoEN" target="_blank" href="http://www.ajaxshake.com/demo/EN/178/dd2155e7/plugin-that-creates-an-accordion-menu-accordion.html" onClick="setView(178,'EN');"></a>
</div>
</p>
</div>
<div class="post">
<div class="postTitle">
<h2 class="l ">
<a onclick="markinfo(174,'Content')" href="http://www.ajaxshake.com/en/JS/231741/javascript-image-gallery-unlike-anything-else-galleria.html"> JavaScript image gallery unlike anything else</a>
</h2>
</div>
<div class="clear"></div>
<div class="categoriesBar">
<div class="categoriesLinks">
<span class="tagLabel">Tags:</span>
<a rel="nofollow" onclick="markinfo(1,'category-b')" href="http://www.ajaxshake.com/en/JS/1111/jquery.html" class="barLink">JQUERY</a>
<span class="firstPost">,&nbsp;</span>
<a rel="nofollow" onclick="markinfo(13,'category-b')" href="http://www.ajaxshake.com/en/JS/12131/galleries.html" class="barLink">Galleries</a>
<span class="firstPost">,&nbsp;</span>
<a rel="nofollow" onclick="markinfo(58,'category-b')" href="http://www.ajaxshake.com/en/JS/12581/image-slider.html" class="barLink">image slider</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/231741/javascript-image-gallery-unlike-anything-else-galleria.html#comments" class="barLink"> | Comments(0)</a>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
<p class="postDescription">
It can take a simple list of images and turn it into a foundation of multiple intelligent gallery designs, suitable for any project
<div class="centralImage">
<a rel="nofollow" title="JavaScript image gallery unlike anything else&nbsp;-&nbsp;Galleria" href="http://www.ajaxshake.com/en/JS/231741/javascript-image-gallery-unlike-anything-else-galleria.html" onClick="showPictures(174);return false;">
<img src="public/resources/images/ajax-loader.gif" original="http://www.ajaxshake.com/public/usersFiles/main/jquery-gallery-14_user_1_3e8d0.jpg" alt="JavaScript image gallery unlike anything else&nbsp;-&nbsp;Galleria" style="cursor:pointer;"/>
</a>
</div>
<div class="bigSection">
<div class="tTip" title="
                    <span class='scriptInfo'><b>Galleria</b></span>
                    <br/>
                    <b>Requiriments:&nbsp;</b><br/>jQuery 1.4.2<br/>                    <b>License:&nbsp;</b><a target='_blank' href='http://en.wikipedia.org/wiki/MIT_License'>MIT License</a>                    <br/>
                    <b>Size:&nbsp;</b>40.99kb&nbsp;(v1.1.5)<br/>                    <b>Author:&nbsp;</b>&nbsp;John Resig                    <br/>
                    <span class='tipLanLabel'>Language:&nbsp;</span>
                    <img src='public/resources/images/eng24.png' /><div class='clear'></div> ">
<a rel="nofollow" class="bigLink linkDownloadEN" target="_blank" href="http://www.ajaxshake.com/plugin/EN/174/49f99bc3/javascript-image-gallery-unlike-anything-else-galleria.html" onClick="setView(174,'EN');"></a>
</div>
<a rel="nofollow" class="bigLink linkDemoEN" target="_blank" href="http://www.ajaxshake.com/demo/EN/174/49f99bc3/javascript-image-gallery-unlike-anything-else-galleria.html" onClick="setView(174,'EN');"></a>
</div>
</p>
</div>
<div style="margin-bottom:50px;margin-top:50px">
<script type="text/javascript"><!--
        google_ad_client = "ca-pub-2827027577271242";
        /* Ajaxshake Banner 3 */
        google_ad_slot = "3617376850";
        google_ad_width = 728;
        google_ad_height = 90;
        //-->
        </script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
        </script>
</div>
</div>
<div id="rightContent" class="span-9 last">
<div id="search">
<input type="text" name="searchBox" id="searchBox" onkeypress="checkKey(event);" value="Search ..." onfocus="checkSearch(this,'Search ...')"/>
<a rel="nofollow" id="searchbutton" href="javascript:void(0);" onclick="searchString('http://www.ajaxshake.com/en/JS')"><img alt="Search" src="public/resources/images/searchButton.gif"/></a>
<div class="searchFound">
</div>
<div class="clear"></div>
</div>
<div class="generalOptions">
<div class="inner" style="width:256px;">
<div id="filterLoadIcon" class="l dn"><img alt="Loading ..." src="public/resources/images/ajax-loader.gif"/></div>
<a rel="nofollow" href="javascript:void(0);" class="filterSelectLink">Filter By Category</a>
<div class="clear"></div>
<div id="filterAdder">
<div class="filterSelect" style="display:none;">
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12101/accordions.html" data-id="10">Accordions</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/131351/android.html" data-id="135">Android</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12601/animation.html" data-id="60">Animation</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12831/asp-net.html" data-id="83">ASP.NET</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/131341/audio.html" data-id="134">Audio</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12521/autocomplete.html" data-id="52">Autocomplete</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12941/banners.html" data-id="94">Banners</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12781/buttons.html" data-id="78">Buttons</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/1151/calendars.html" data-id="5">Calendars</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12901/captcha.html" data-id="90">Captcha</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12951/caption.html" data-id="95">Caption</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12971/carousel.html" data-id="97">Carousel</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12361/charts.html" data-id="36">Charts</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/131141/chat.html" data-id="114">Chat</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12711/checkbox.html" data-id="71">Checkbox</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12141/clocks.html" data-id="14">Clocks</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12671/color-picker.html" data-id="67">Color Picker</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12841/counters.html" data-id="84">Counters</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12691/crop-resize.html" data-id="69">Crop-resize</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/1181/css.html" data-id="8">CSS</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/131181/database.html" data-id="118">DataBase</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12501/dates-pickers.html" data-id="50">Dates Pickers</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12791/dijit.html" data-id="79">Dijit</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12771/dojo.html" data-id="77">Dojo</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12761/drag-and-drop.html" data-id="76">Drag and Drop</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12731/encryption.html" data-id="73">Encryption</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12991/ext-js.html" data-id="99">Ext.JS</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/131001/filter.html" data-id="100">Filter</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/1141/flash.html" data-id="4">Flash</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12911/fonts.html" data-id="91">Fonts</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12451/forms.html" data-id="45">Forms</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12131/galleries.html" data-id="13">Galleries</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/1171/grid.html" data-id="7">Grid</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/131161/html-wysiwyg-editors.html" data-id="116">Html WYSIWYG editors</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/131331/html5.html" data-id="133">HTML5</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/131191/icons.html" data-id="119">Icons</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12581/image-slider.html" data-id="58">image slider</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12631/images-and-photos-.html" data-id="63">Images and photos </a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/1111/jquery.html" data-id="1">JQUERY</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12261/lightbox.html" data-id="26">LightBox</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12541/login.html" data-id="54">login</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/131171/maps.html" data-id="117">Maps</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/1191/menus.html" data-id="9">Menus</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/131321/mobile.html" data-id="132">Mobile</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12741/modal-windows.html" data-id="74">Modal Windows</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12861/moo-fx.html" data-id="86">Moo.FX</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12111/mootools.html" data-id="11">Mootools</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12981/mouseover-.html" data-id="98">Mouseover </a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12571/order-reorder.html" data-id="57">Order/Reorder</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12611/pagination.html" data-id="61">pagination</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12531/php.html" data-id="53">PHP</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12641/popup.html" data-id="64">popup</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/1121/prototype.html" data-id="2">Prototype</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12421/pure-javascript.html" data-id="42">Pure JavaScript</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12821/ranking.html" data-id="82">Ranking</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12751/resize.html" data-id="75">Resize</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/1131/scriptaculous.html" data-id="3">Scriptaculous</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12561/scrollable.html" data-id="56">Scrollable</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12701/select-list.html" data-id="70">Select list</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12921/sort.html" data-id="92">Sort</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/131201/source-code.html" data-id="120">Source Code</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12621/styles.html" data-id="62">styles</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12681/tables.html" data-id="68">Tables</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12121/tabs.html" data-id="12">tabs</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12931/tag-cloud.html" data-id="93">Tag Cloud</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12961/text.html" data-id="96">Text</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12511/time-picker.html" data-id="51">Time Picker</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12551/tooltips.html" data-id="55">Tooltips</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12591/transition.html" data-id="59">Transition</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/131211/translators.html" data-id="121">Translators</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12871/tree.html" data-id="87">Tree</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12661/tutorial.html" data-id="66">Tutorial</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/131221/uize.html" data-id="122">UIZE</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12811/upload-files.html" data-id="81">Upload Files</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12851/utilities.html" data-id="85">Utilities</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12441/validation.html" data-id="44">Validation</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12801/video.html" data-id="80">Video</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/131011/web-mail.html" data-id="101">Web Mail</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12881/xhtml-editor.html" data-id="88">XHTML editor</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12891/yui.html" data-id="89">YUI</a>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12721/zoom.html" data-id="72">Zoom</a>
</div>
</div>
</div>
</div>
<div id="sky">
<div id="cloud">
<div class="inner">
 
<div id="bsap_1272111" class="bsarocks bsap_95111c43e0348a419d1a20d834c0b28f"></div>
 
 
 
<div id="bsap_1258716" class="bsarocks bsap_95111c43e0348a419d1a20d834c0b28f"></div>
 
</div>
<div class="clear"></div>
<div style="margin-left: 32px;margin-top: 15px; margin-bottom: 10px;">
<a target="_blank" title="PSD to HTML" href="http://www.css4me.com/order-display/?utm_source=ajaxshake&utm_medium=255x125&utm_term=PSD%2Bto%2BHTML&utm_campaign=OrderNow"><img src="/public/resources/images/psd-to-html.gif" alt="PSD to HTML"/></a>
</div>
 
<div id="categories">
<div>
<ul class="categoriesSection" style="height:800px;">
<li class="title">
<h3 class="titleLabel">Categories</h3>
<div class="titleLine"></div>
</li>
<li>
<a onclick="markinfo(9,'category-c')" href="http://www.ajaxshake.com/en/JS/1191/menus.html" class="sectionLink">Menus</a><span class="sectionLink"> (130)</span>
</li>
<li>
<a onclick="markinfo(13,'category-c')" href="http://www.ajaxshake.com/en/JS/12131/galleries.html" class="sectionLink">Galleries</a><span class="sectionLink"> (239)</span>
</li>
<li>
<a onclick="markinfo(58,'category-c')" href="http://www.ajaxshake.com/en/JS/12581/image-slider.html" class="sectionLink">image slider</a><span class="sectionLink"> (164)</span>
</li>
<li>
<a onclick="markinfo(26,'category-c')" href="http://www.ajaxshake.com/en/JS/12261/lightbox.html" class="sectionLink">LightBox</a><span class="sectionLink"> (56)</span>
</li>
<li>
<a onclick="markinfo(45,'category-c')" href="http://www.ajaxshake.com/en/JS/12451/forms.html" class="sectionLink">Forms</a><span class="sectionLink"> (57)</span>
</li>
<li>
<a onclick="markinfo(10,'category-c')" href="http://www.ajaxshake.com/en/JS/12101/accordions.html" class="sectionLink">Accordions</a><span class="sectionLink"> (32)</span>
</li>
<li>
<a onclick="markinfo(5,'category-c')" href="http://www.ajaxshake.com/en/JS/1151/calendars.html" class="sectionLink">Calendars</a><span class="sectionLink"> (35)</span>
</li>
<li>
<a onclick="markinfo(60,'category-c')" href="http://www.ajaxshake.com/en/JS/12601/animation.html" class="sectionLink">Animation</a><span class="sectionLink"> (126)</span>
</li>
<li>
<a onclick="markinfo(7,'category-c')" href="http://www.ajaxshake.com/en/JS/1171/grid.html" class="sectionLink">Grid</a><span class="sectionLink"> (22)</span>
</li>
<li>
<a onclick="markinfo(53,'category-c')" href="http://www.ajaxshake.com/en/JS/12531/php.html" class="sectionLink">PHP</a><span class="sectionLink"> (48)</span>
</li>
<li>
<a onclick="markinfo(54,'category-c')" href="http://www.ajaxshake.com/en/JS/12541/login.html" class="sectionLink">login</a><span class="sectionLink"> (16)</span>
</li>
<li>
<a onclick="markinfo(59,'category-c')" href="http://www.ajaxshake.com/en/JS/12591/transition.html" class="sectionLink">Transition</a><span class="sectionLink"> (39)</span>
</li>
<li>
<a onclick="markinfo(64,'category-c')" href="http://www.ajaxshake.com/en/JS/12641/popup.html" class="sectionLink">popup</a><span class="sectionLink"> (16)</span>
</li>
<li>
<a onclick="markinfo(74,'category-c')" href="http://www.ajaxshake.com/en/JS/12741/modal-windows.html" class="sectionLink">Modal Windows</a><span class="sectionLink"> (19)</span>
</li>
<li>
<a onclick="markinfo(97,'category-c')" href="http://www.ajaxshake.com/en/JS/12971/carousel.html" class="sectionLink">Carousel</a><span class="sectionLink"> (40)</span>
</li>
<li>
<a onclick="markinfo(12,'category-c')" href="http://www.ajaxshake.com/en/JS/12121/tabs.html" class="sectionLink">tabs</a><span class="sectionLink"> (27)</span>
</li>
<li>
<a onclick="markinfo(44,'category-c')" href="http://www.ajaxshake.com/en/JS/12441/validation.html" class="sectionLink">Validation</a><span class="sectionLink"> (19)</span>
</li>
<li>
<a onclick="markinfo(55,'category-c')" href="http://www.ajaxshake.com/en/JS/12551/tooltips.html" class="sectionLink">Tooltips</a><span class="sectionLink"> (26)</span>
</li>
<li>
<a onclick="markinfo(56,'category-c')" href="http://www.ajaxshake.com/en/JS/12561/scrollable.html" class="sectionLink">Scrollable</a><span class="sectionLink"> (16)</span>
</li>
<li>
<a onclick="markinfo(63,'category-c')" href="http://www.ajaxshake.com/en/JS/12631/images-and-photos-.html" class="sectionLink">Images and photos </a><span class="sectionLink"> (63)</span>
</li>
<li>
<div class="more">
<div class="moreLink l">
</div>
<div class="moreLink r">
<a rel="nofollow" onclick="getNextCategoryPage(1,3,'JS','categories','EN',20)" href="javascript:void(0)">More</a> </div>
</div>
</li>
</ul>
</div> </div>
<div class="faceMaxBox">
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="http://www.facebook.com/ajaxshake" width="254" show_faces="true" border_color="" stream="false" header="false"></fb:like-box>
</div>
<div id="libraries">
<div>
<ul class="categoriesSection" style="height:512px;">
<li class="title">
<h3 class="titleLabel">Libraries</h3>
<div class="titleLine"></div>
</li>
<li>
<div class="cloudSelected sectionLink mark">JQUERY(679)</div>
</li>
<li>
<a onclick="markinfo(4,'category-l')" href="http://www.ajaxshake.com/en/JS/1141/flash.html" class="sectionLink">Flash</a><span class="sectionLink"> (22)</span>
</li>
<li>
<a onclick="markinfo(42,'category-l')" href="http://www.ajaxshake.com/en/JS/12421/pure-javascript.html" class="sectionLink">Pure JavaScript</a><span class="sectionLink"> (80)</span>
</li>
<li>
<a onclick="markinfo(2,'category-l')" href="http://www.ajaxshake.com/en/JS/1121/prototype.html" class="sectionLink">Prototype</a><span class="sectionLink"> (43)</span>
</li>
<li>
<a onclick="markinfo(8,'category-l')" href="http://www.ajaxshake.com/en/JS/1181/css.html" class="sectionLink">CSS</a><span class="sectionLink"> (69)</span>
</li>
<li>
<a onclick="markinfo(11,'category-l')" href="http://www.ajaxshake.com/en/JS/12111/mootools.html" class="sectionLink">Mootools</a><span class="sectionLink"> (95)</span>
</li>
<li>
<a onclick="markinfo(77,'category-l')" href="http://www.ajaxshake.com/en/JS/12771/dojo.html" class="sectionLink">Dojo</a><span class="sectionLink"> (2)</span>
</li>
<li>
<a onclick="markinfo(101,'category-l')" href="http://www.ajaxshake.com/en/JS/131011/web-mail.html" class="sectionLink">Web Mail</a><span class="sectionLink"> (4)</span>
</li>
<li>
<a onclick="markinfo(119,'category-l')" href="http://www.ajaxshake.com/en/JS/131191/icons.html" class="sectionLink">Icons</a><span class="sectionLink"> (3)</span>
</li>
<li>
<a onclick="markinfo(89,'category-l')" href="http://www.ajaxshake.com/en/JS/12891/yui.html" class="sectionLink">YUI</a><span class="sectionLink"> (5)</span>
</li>
<li>
<a onclick="markinfo(99,'category-l')" href="http://www.ajaxshake.com/en/JS/12991/ext-js.html" class="sectionLink">Ext.JS</a><span class="sectionLink"> (1)</span>
</li>
<li>
<a onclick="markinfo(122,'category-l')" href="http://www.ajaxshake.com/en/JS/131221/uize.html" class="sectionLink">UIZE</a><span class="sectionLink"> (1)</span>
</li>
<li>
<div class="more">
<div class="moreLink l">
</div>
<div class="moreLink r">
<a rel="nofollow" onclick="getNextCategoryPage(1,1,'JS','libraries','EN',12)" href="javascript:void(0)">More</a> </div>
</div>
</li>
</ul>
</div> </div>
<div class="faceMaxBox videosBanner" style="margin-left: 32px;margin-top: 60px;">
<a href="http://www.md5decrypt.org"><img width="255px" src="public/resources/images/md5-banner.jpg" alt="md5 decrypt"/></a>
</div>
</div>  
<div class="clear"></div>
<div class="commentBoxPanel">
<div class="commentTitle">
<img src="public/resources/images/bubble.gif"/>
<h3 class="titleLabel">Recent Comments</h3>
</div>
<div class="mainComment">
<h4>
bebek be?ikleri said:
</h4>
<div class="mainCommentInfo">
<a target="_blank" href="http://www.bebekonfor.com" rel="nofollow"> <img src="public/resources/images/net.png"/></a> </div>
<div class="clear"></div>
<p>great plugin. thank you
http://www.bebekonfor.com</p>
<div class="commentLinks">
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/238521/how-to-create-an-analog-clock-with-jquery-analogclock.html">How to create an analog Clock with jQuery</a>
</div>
</div>
<div class="mainComment">
<h4>
ludi said:
</h4>
<div class="mainCommentInfo">
<a target="_blank" href="http://www.facebook.com/ludal1472@hotmail.com" rel="nofollow"> <img src="public/resources/images/miniFacebook.png"/></a> </div>
<div class="clear"></div>
<p>como descargo</p>
<div class="commentLinks">
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/2411091/how-to-create-an-amazing-multi-item-slider-multi-item-slider.html">How to create an amazing multi item slider</a>
</div>
</div>
<div class="mainComment">
<h4>
daniela said:
</h4>
<div class="mainCommentInfo">
</div>
<div class="clear"></div>
<p>Hola</p>
<div class="commentLinks">
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/2410741/jquery-slideshow-diapo.html">jQuery slideshow</a>
</div>
</div>
<div class="mainComment">
<h4>
hitesh said:
</h4>
<div class="mainCommentInfo">
</div>
<div class="clear"></div>
<p>good</p>
<div class="commentLinks">
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/2410991/plugin-jquery-to-flip-content-bookblock.html">Plugin jQuery to Flip Content</a>
</div>
</div>
<div class="mainComment">
<h4>
Moeed Khan said:
</h4>
<div class="mainCommentInfo">
<a target="_blank" href="http://www.twitter.com/momokhanz" rel="nofollow"> <img src="public/resources/images/miniTwitter.png"/></a> <a target="_blank" href="http://fashionclicx.com" rel="nofollow"> <img src="public/resources/images/net.png"/></a> </div>
<div class="clear"></div>
<p>@Surendra Mishra you can download it from below URL:
http://thefinishedbox.com/?download=loginfreebie ...</p>
<div class="commentLinks">
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/238291/a-simple-jquery-dropdown-login-form-loginform.html">A Simple jQuery Dropdown Login Form</a>
</div>
</div>
<div class="mainComment">
<h4>
Nick said:
</h4>
<div class="mainCommentInfo">
</div>
<div class="clear"></div>
<p>It's ok!</p>
<div class="commentLinks">
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/239961/mootoos-tree-menu-mootoolstreemenu.html">Mootoos Tree Menu</a>
</div>
</div>
<div class="mainComment">
<h4>
Sergio said:
</h4>
<div class="mainCommentInfo">
</div>
<div class="clear"></div>
<p>Gracias</p>
<div class="commentLinks">
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/233531/scrolling-to-the-top-and-bottom-with-jquery-scrolling-top.html">Scrolling to the Top and Bottom with jQuery</a>
</div>
</div>
<div class="mainComment">
<h4>
Krzysztof Bekisz said:
</h4>
<div class="mainCommentInfo">
</div>
<div class="clear"></div>
<p>I am interested for now. Any comment later.</p>
<div class="commentLinks">
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/234681/create-an-image-rotator-with-description-in-javascript-imagerotator.html">Create an Image Rotator with Description in Javascript</a>
</div>
</div>
<div class="mainComment">
<h4>
Chris C said:
</h4>
<div class="mainCommentInfo">
</div>
<div class="clear"></div>
<p>How is this different/better than twig or h2o-template?</p>
<div class="commentLinks">
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/2411071/build-semantic-templates-with-javascript-handlebars.html">Build semantic templates with javascript</a>
</div>
</div>
<div class="mainComment">
<h4>
Surendra Mishra said:
</h4>
<div class="mainCommentInfo">
</div>
<div class="clear"></div>
<p>I do not see any link to download code for login.
Request you to please help me.
Thanks
Surendra</p>
<div class="commentLinks">
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/238291/a-simple-jquery-dropdown-login-form-loginform.html">A Simple jQuery Dropdown Login Form</a>
</div>
</div>
</div>
</div>  
</div>
<div class="clear"></div>
</div>
<div id="footer" class="span-24 last">
<div class="span-15 l">
<div class="pagination" id="Pagination">
<a href="http://www.ajaxshake.com/en/JS/11162/jquery.html" class="prev">Prev</a>
<a href="http://www.ajaxshake.com/en/JS/1111/jquery.html">1</a>
<a href="http://www.ajaxshake.com/en/JS/1112/jquery.html">2</a>
<span>...</span>
<a class="pageTipElement" href="http://www.ajaxshake.com/en/JS/11156/jquery.html">56</a>
<a class="pageTipElement" href="http://www.ajaxshake.com/en/JS/11157/jquery.html">57</a>
<a class="pageTipElement" href="http://www.ajaxshake.com/en/JS/11158/jquery.html">58</a>
<a class="pageTipElement" href="http://www.ajaxshake.com/en/JS/11159/jquery.html">59</a>
<a class="pageTipElement" href="http://www.ajaxshake.com/en/JS/11160/jquery.html">60</a>
<a class="pageTipElement" href="http://www.ajaxshake.com/en/JS/11161/jquery.html">61</a>
<a class="pageTipElement" href="http://www.ajaxshake.com/en/JS/11162/jquery.html">62</a>
<span class="current">63</span>
<a class="pageTipElement" href="http://www.ajaxshake.com/en/JS/11164/jquery.html">64</a>
<a class="pageTipElement" href="http://www.ajaxshake.com/en/JS/11165/jquery.html">65</a>
<a class="pageTipElement" href="http://www.ajaxshake.com/en/JS/11166/jquery.html">66</a>
<a class="pageTipElement" href="http://www.ajaxshake.com/en/JS/11167/jquery.html">67</a>
<a class="pageTipElement" href="http://www.ajaxshake.com/en/JS/11168/jquery.html">68</a>
<a href="http://www.ajaxshake.com/en/JS/11164/jquery.html" class="next">Next</a>
</div>
</div>
</div>
<div class="clear"></div>
</div>
<div id="pageTip" class="span-15 pageTipBox"></div>
<div id="foot">
<div class="foot">
<div class="foot1">
<div class="span-5 foot3">
<h4 class="footLabel">Categories</h4>
<ul>
<li>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12661/tutorial.html">Tutorial</a>,
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12701/select-list.html">Select list</a>
</li>
<li>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12721/zoom.html">Zoom</a>,
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12781/buttons.html">Buttons</a>
</li>
<li>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12981/mouseover-.html">Mouseover </a>,
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/131181/database.html">DataBase</a>
</li>
<li>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12141/clocks.html">Clocks</a>,
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12361/charts.html">Charts</a>
</li>
<li>
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12501/dates-pickers.html">Dates Pickers</a>,
<a rel="nofollow" href="http://www.ajaxshake.com/en/JS/12521/autocomplete.html">Autocomplete</a>
</li>
</ul>
</div>
<div class="span-5 foot3">
<h4 class="footLabel">Content</h4>
<ul>
<li>
<a rel="nofollow" href="http://www.ajaxshake.com/EN/JS/search/slider.html">slider</a>,
<a rel="nofollow" href="http://www.ajaxshake.com/EN/JS/search/menu.html">menu</a>
</li>
<li>
<a rel="nofollow" href="http://www.ajaxshake.com/EN/JS/search/calendario-jquery.html">calendario-jquery</a>,
<a rel="nofollow" href="http://www.ajaxshake.com/EN/JS/search/galeria.html">galeria</a>
</li>
<li>
<a rel="nofollow" href="http://www.ajaxshake.com/EN/JS/search/simple-jquery-slideshow.html">simple-jquery-slideshow</a>,
<a rel="nofollow" href="http://www.ajaxshake.com/EN/JS/search/h.html">h</a>
</li>
<li>
<a rel="nofollow" href="http://www.ajaxshake.com/EN/JS/search/jquery.html">jquery</a>,
<a rel="nofollow" href="http://www.ajaxshake.com/EN/JS/search/a.html">a</a>
</li>
<li>
<a rel="nofollow" href="http://www.ajaxshake.com/EN/JS/search/imagenes.html">imagenes</a>,
<a rel="nofollow" href="http://www.ajaxshake.com/EN/JS/search/hover-image.html">hover-image</a>
</li>
</ul>
</div>
<div class="span-5 foot3">
<h4 class="footLabel">Friend Sites</h4>
<ul>
<li><a rel="nofollow" href="http://solvingequations.net">Solving Equations</a></li>
<li><a target="_new" href="http://www.css4me.com/?utm_source=ajaxshake&utm_medium=text&utm_term=psd%2Bto%2Bcss&utm_campaign=homepage">PSD to CSS</a></li>
</ul>
</div>
<div class="span-5 foot4">
<h4 class="footLabel">Contact Us</h4>
<ul>
<li><a rel="nofollow" href="mailto:info@ajaxshake.com">Feed Back</a></li>
<li><a rel="nofollow" href="mailto:info@ajaxshake.com">E-mail</a></li>
<li><a rel="nofollow" href="mailto:info@ajaxshake.com">Advertise with us!</a></li>
</ul>
</div>
<div class="span-3 last foot3">
<h4 class="footLabel">Follow Us</h4>
<ul>
<li><a rel="nofollow" href="http://www.twitter.com/ajaxshake">Twitter</a></li>
<li><a rel="nofollow" href="http://www.facebook.com/pages/AjaxShake/126603027394570">Facebook</a></li>
<li><a rel="nofollow" href="http://feeds.feedburner.com/ajaxshake">Feed Rss</a></li>
</ul>
</div>
</div>
<div class="foot2">
</div>
</div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
			var language='EN';
            $(document).ready(function() {
                //-----------------------------------
                var addScript=function(strvar){
                    var script = document.createElement('script');
                    script.type = 'text/javascript';
                    script.async = true;
                    script.src = strvar;
                    (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(script);
                }
                //-----------------------------------
                                    $(".ilikeit").html('<iframe src="http://www.facebook.com/plugins/like.php?href=http://www.facebook.com/pages/AjaxShake/126603027394570&amp;layout=button_count&amp;action=like&amp;height=21&amp;width:120" scrolling="no" frameborder="0" style="border:none; width:120px; height:21px"></iframe>');
                				addScript('https://apis.google.com/js/plusone.js');
                addScript('public/resources/js/all.3.0.min.js');
                addScript('//s3.buysellads.com/ac/bsa.js');
                //$('#specialAd').html('<a style="border: 0" href="http://www.chaludesign.com.ar" target="_blank" rel="nofollow"><img src="public/resources/images/chaludesign.jpg" alt="" /></a>');
		});// document ready
        </script>
 
<img width='212px' height='32px' src="public/resources/lib/tips/images/tipMid.png" class="dn"/>
<img width='212px' height='1px' src="public/resources/lib/tips/images/tipBtm.png" class="dn"/>
<img width='212px' height='37px' src="public/resources/lib/tips/images/tipTop.png" class="dn"/>
<script type="text/javascript">
            window.google_analytics_uacct = "UA-16213975-1";
        </script>
<script type="text/javascript">
            var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
            document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
        </script>
<script type="text/javascript">
            try {
                var pageTracker = _gat._getTracker("UA-16213975-1");
                pageTracker._setDomainName(".ajaxshake.com");
                pageTracker._trackPageview();
            } catch(err) {}
        </script>
</body>
</html>