<?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>Web Design Blog, Web Designer Resources &#187; Ajax</title>
	<atom:link href="http://www.2expertsdesign.com/category/ajax/feed" rel="self" type="application/rss+xml" />
	<link>http://www.2expertsdesign.com</link>
	<description>2Experts Design</description>
	<lastBuildDate>Wed, 08 Sep 2010 16:10:44 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>13 Coolest Javascript Ajax Scrollers for Designers and Developers</title>
		<link>http://www.2expertsdesign.com/ajax/13-coolest-javascript-ajax-scrollers-for-designers-and-developers?source=rss</link>
		<comments>http://www.2expertsdesign.com/ajax/13-coolest-javascript-ajax-scrollers-for-designers-and-developers#comments</comments>
		<pubDate>Mon, 03 Aug 2009 20:27:25 +0000</pubDate>
		<dc:creator>2E Editorial</dc:creator>
				<category><![CDATA[Ajax]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[scroller]]></category>

		<guid isPermaLink="false">http://www.2expertsdesign.com/?p=463</guid>
		<description><![CDATA[
Here I came up with 13 cool and elegant way of representing your portfolio when your pages have tons of content to display. You guys can showcase your precious work using variety of Javascript Ajax based scrollers. If you go through the code its simple and basic Javascript Ajax implementation, if you are a web-designer [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-464" title="jQuery_SerialScroll" src="http://www.2expertsdesign.com/wp-content/uploads/2009/08/jQuery_SerialScroll.jpg" alt="jQuery_SerialScroll" width="500" height="302" /></p>
<p>Here I came up with 13 cool and <strong>elegant way of representing your portfolio</strong> when your pages have tons of content to display. You guys can showcase your precious work using variety of <strong>Javascript Ajax based scrollers</strong>. If you go through the code its simple and basic Javascript Ajax implementation, if you are a <strong>web-designer and web developer</strong> it’s easy to understand.<span id="more-463"></span></p>
<h3>jQuery Scrollable Plugin</h3>
<p><a href="http://www.flowplayer.org/tools/scrollable.html"title="jQuery Scrollable Plugin"  target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/08/ajax-scroller/jquery-scroll-ajax.jpg" border="0" alt="jQuery Scrollable Plugin" width="500" height="247" /></a></p>
<p><span class="homeContent">The purpose of this library is to make it extremely easy to add  scrolling functionality to a website. Whenever you wish to scroll HTML  elements in a visually-appealing manner, this is the only library you  need. Main Scrollable Features, 1. Clicking on the elements themselves<br />
2. Clicking on the arrows at the sides, or the small, round buttons at the top<br />
3. Using the left and right arrow keys on your keyboard<br />
4. Scrolling with your mouse scroll wheel.</span></p>
<p><a href="http://www.flowplayer.org/tools/scrollable.html" target="_blank"><strong>Demo | Download</strong></a></p>
<h3>jQuery.SerialScroll</h3>
<p><a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html"title="jQuery.SerialScroll"  target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/08/ajax-scroller/jQuery_SerialScroll.jpg" border="0" alt="jQuery.SerialScroll" width="500" height="302" /></a></p>
<p><span class="homeContent">This plugin allows you to easily animate any series of elements, by sequentially scrolling them.You can use horizontal or vertical scroll, also combined. </span></p>
<p><span class="style1"><a href="http://demos.flesler.com/jquery/serialScroll/" target="_blank">Demo</a> | <a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html" target="_blank">Download</a></span></p>
<h3>jQuery ScrollShow Plugin</h3>
<p><a href="http://flesler.blogspot.com/search/label/jQuery.ScrollShow"title="jQuery.ScrollShow Plugin"  target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/08/ajax-scroller/jQuery_ScrollShow.jpg" border="0" alt="jQuery.ScrollShow Plugin" width="500" height="168" /></a></p>
<p>jQuery.ScrollShow is a very customizable slideshow, that relies on <a href="http://flesler.blogspot.com/2007/10/jqueryscrollto.html" target="_blank">jQuery.ScrollTo</a>, to slide(scroll) the items.</p>
<p><span class="style2"><a href="http://demos.flesler.com/jquery/scrollShow/" target="_blank">Demo</a> | <a href="http://flesler.blogspot.com/search/label/jQuery.ScrollShow" target="_blank">Download</a></span></p>
<h3>jQuery Local Scroll</h3>
<p><a href="http://flesler.blogspot.com/2007/10/jquerylocalscroll-10.html"title="jQuery.LocalScroll"  target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/08/ajax-scroller/jQuery_Local_Scroll.jpg" border="0" alt="jQuery.LocalScroll" width="500" height="273" /></a></p>
<p>This plugin will animate a regular anchor navigation. Each time a link is clicked, the element you decide(can be the whole  screen), will gradually scroll to the targeted element, instead of  &#8220;jumping&#8221; as it&#8217;d normally do. <a href="http://flesler.blogspot.com/2007/10/jqueryscrollto.html">jQuery.ScrollTo</a> is used for the animation.</p>
<p><span class="style3"><a href="http://demos.flesler.com/jquery/localScroll/#section4c" target="_blank">Demo</a> | <a href="http://flesler.blogspot.com/2007/10/jquerylocalscroll-10.html" target="_blank">Download</a></span></p>
<h3>CNN Style Scrolling Ticker</h3>
<p><a href="http://mattberseth.com/blog/2008/01/cnn_style_scrolling_ticker_wit.html"title="CNN Style scrolling ticker"  target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/08/ajax-scroller/CNN_Style_Scrolling_Ticker.jpg" border="0" alt="CNN Style scrolling ticker" width="500" height="113" /></a></p>
<p>A new AJAX Control Toolkit control called the MarqueeControl that supports all of these features, both left-to-right and right-to-left scrolling directions, applying a CSS class to the item when it is moused over, dynamically repopulating the marquee after it has finished scrolling.</p>
<p><span class="style4"><a href="http://mattberseth2.com/demo/Default.aspx?Name=CNN+Style+Scrolling+Ticker+with+the+Marquee+Toolkit+Control&amp;Filter=All" target="_blank">Demo</a> | <a href="http://mattberseth.com/blog/2008/01/cnn_style_scrolling_ticker_wit.html" target="_blank">Download</a></span></p>
<h3>liScroll  jQuery News Ticker</h3>
<p><a href="http://www.gcmingati.net/wordpress/wp-content/lab/jquery/newsticker/jq-liscroll/scrollanimate.html"title="liScroll (a jQuery News Ticker)"  target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/08/ajax-scroller/liScroll_jQuery_News_Ticker.jpg" border="0" alt="liScroll (a jQuery News Ticker)" width="500" height="387" /></a></p>
<p>liScroll is a jQuery plugin that transforms any given unordered list into a <em>scrolling News Ticker</em>.</p>
<p><span class="style5"><a href="http://www.gcmingati.net/wordpress/wp-content/lab/jquery/newsticker/jq-liscroll/scrollanimate.html" target="_blank">Demo</a> | <a href="http://www.gcmingati.net/wordpress/wp-content/lab/jquery/newsticker/jq-liscroll/scrollanimate.html" target="_blank">Download</a></span></p>
<h3>jScroller jQuery Plugin</h3>
<p><a href="http://jscroller.markusbordihn.de/"title="jScroller : jQuery Plugin"  target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/08/ajax-scroller/jScroller_jQuery.jpg" border="0" alt="jScroller : jQuery Plugin" width="500" height="261" /></a></p>
<p>This Autoscroller is Crossbrowser compatible and also w3c compatible, because its don&#8217;t used marquee.</p>
<p><span class="style6"><a href="http://jscroller.markusbordihn.de/example/" target="_blank">Demo</a> | <a href="http://jscroller.markusbordihn.de/download/" target="_blank">Download</a></span></p>
<h3>Paging Through Records OnScroll Using Unobtrusive Spry</h3>
<p><a href="http://cfsilence.com/blog/client/index.cfm/2007/10/24/Paging-Through-Records-OnScroll-Using-Unobtrusive-Spry"title="Unobtrusive Paging OnScroll"  target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/08/ajax-scroller/Paging_Records.jpg" border="0" alt="Unobtrusive Paging OnScroll" width="500" height="397" /></a></p>
<p><span class="homeContent">Revisiting recordset pagination using unobtrusive methods. </span></p>
<p><span class="style7"><a href="http://cfsilence.com/blog/demos/ajaxLoadOnScrollSpry/test.cfm" target="_blank">Demo</a> | <a href="http://cfsilence.com/blog/client/index.cfm/2007/10/24/Paging-Through-Records-OnScroll-Using-Unobtrusive-Spry" target="_blank">Download</a></span></p>
<h3>Control Scroller</h3>
<p><a href="http://wailqill.com/projects/scroller/"title="Control.Scroller"  target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/08/ajax-scroller/Control_Scroller.jpg" border="0" alt="Control.Scroller" width="500" height="313" /></a></p>
<p>Control.Scroller is an extension to the <a href="http://prototype.conio.net/" target="_blank">Prototype</a> and <a href="http://script.aculo.us/" target="_blank">script.aculo.us</a> JavaScript framework. It&#8217;s using the Control.Slider in script.aculo.us,  and extends it, with the control of the clipping of a  content-container. It can also control up and down-buttons (or left and  right). It&#8217;s released with a <a href="http://creativecommons.org/licenses/by/2.5/" target="_blank">Creative Commons Attribution</a> license.</p>
<p><span class="style8"><a href="http://wailqill.com/projects/scroller/example1.html" target="_blank">Demo</a> | <a href="http://wailqill.com/projects/scroller/" target="_blank">Download</a></span></p>
<h3>JS SmoothScroll</h3>
<p><a href="http://www.dezinerfolio.com/2007/08/08/df-javascript-smooth-scroll/"title="JS SmoothScroll"  target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/08/ajax-scroller/JS_Smooth_Scroll.jpg" border="0" alt="JS SmoothScroll" width="500" height="243" /></a></p>
<p><strong>Features :</strong> Simplest to implement, One of the smallest Javascript 1024 bytes, Cross-Browser compatible, Includes the source file too…</p>
<p><span class="style9"><a href="http://www.dezinerfolio.com/wp-content/uploads/smoothscrolldemo/df_smooth_scroll.html" target="_blank">Demo</a> | <a href="http://www.dezinerfolio.com/2007/08/08/df-javascript-smooth-scroll/" target="_blank">Download</a></span></p>
<h3>FleXcroll- Flexible and Accessible Custom Scroll Bars</h3>
<p><a href="http://www.hesido.com/web.php?page=customscrollbar"title="FleXcroll- Accessible Custom Scroll Bars"  target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/08/ajax-scroller/FleXcroll_Custom_ScrollBars.jpg" border="0" alt="FleXcroll- Accessible Custom Scroll Bars" width="500" height="291" /></a></p>
<p><span class="homeContent">A Cross Browser and Standards Compliant Custom ScrollBar Script by Hesido.</span></p>
<p><span class="style10"><a href="http://www.hesido.com/web.php?page=customscrollbar" target="_blank">Demo</a> | <a href="http://www.hesido.com/web.php?page=customscrollbar" target="_blank">Download</a></span></p>
<h3>Javascript Scrolling</h3>
<p><a href="http://www.n-son.com/scripts/jsScrolling/index.html"title="Javascript Scrolling"  target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/08/ajax-scroller/Javascript_Scrolling.jpg" border="0" alt="Javascript Scrolling" width="500" height="272" /></a></p>
<p><span class="homeContent">A very cool scroller with custom scroll bars implemented with javascript.</span></p>
<p><span class="style11"><a href="http://www.n-son.com/scripts/jsScrolling/new/example1.html" target="_blank">Demo</a> | <a href="http://www.n-son.com/scripts/jsScrolling/index.html" target="_blank">Download</a></span></p>
<h3>Auto scrolling Page</h3>
<p><a href="http://tobielangel.com/examples"title="Auto scrolling Page"  target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/08/ajax-scroller/Auto_Scrolling_Page.jpg" border="0" alt="Auto scrolling Page" width="500" height="274" /></a></p>
<p><span class="homeContent">Auto-scrolling page navigation using the prototype library.</span></p>
<p><span class="style12"><a href="http://tobielangel.com/examples/" target="_blank">Demo</a> | <a href="http://tobielangel.com/examples/" target="_blank">Download</a></span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.2expertsdesign.com/ajax/13-coolest-javascript-ajax-scrollers-for-designers-and-developers/feed</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
	</channel>
</rss>
