a jQuery News Scroller made easy
Auto Scroller is a plugin for jQuery that transforms a given content into a vertical news scrolling type of effect with controllable speed. Scrolling auto pause on mouse over and resume on mouse out. Unobstructive design and fallback gracefully when javascript is disabled.
Include these dependency files to your header.
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery.timers.js"></script>
<script type="text/javascript" src="jquery.autoScroller.js"></script>
Content that you wanto autoSroll is #vmarquee. Wrap it with a div which class name has to be 'autoScroller-container'.
<div class="autoScroller-container" style="height:150px;background:yellow;overflow:auto">
<div id="vmarquee">
<h3>Title 1</h3>
<p>Etiam diam eros, fermentum sed pulvinar vitae, blandit id metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut condimentum fermentum metus, nec bibendum arcu tristique vel. </p>
<h3>Title 2</h3>
<p>Sed volutpat fringilla nulla nec faucibus. Integer id dignissim justo. Pellentesque sodales tortor ac est pretium malesuada. Donec mi lacus, vulputate laoreet luctus a, bibendum sed nisi.</p>
<h3>Title 3</h3>
<p>Aliquam erat volutpat. Aenean mattis volutpat feugiat. Nam ut tempus nisl. Praesent dictum tellus eget neque vehicula condimentum? </p>
<h3>Title 4</h3>
<p>Nullam et tellus nec nunc laoreet eleifend. Morbi consequat leo sed eros placerat aliquet. Donec sit amet nulla neque.</p>
<h3>Title 5</h3>
<p>Nam tempus scelerisque nibh eget placerat. Nunc vel felis vitae odio dictum placerat. Donec adipiscing leo sit amet leo ultrices molestie. Mauris eget velit eu ipsum adipiscing consectetur eget eu erat. Integer imperdiet enim sed mi molestie malesuada.</p>
<h3>Title 6</h3>
<p>In at felis aliquet tellus aliquet tempus eget a mauris. Etiam nunc est, elementum a accumsan ac, sodales ultrices erat? Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
<h3>Title 7</h3>
<p>Nulla orci enim, ullamcorper sit amet porttitor in, sagittis nec metus. Suspendisse potenti.</p>
</div>
</div>
Last, place this javascript code at the very end of your page before closing of body tag.
<script type="text/javascript">
$(window).load(function(){autoScroller('vmarquee', 10)});
</script>
...Enjoy!