Scrolling Marquee
HTML code
<div class="marquee">
Sample text that can be scrolled.
</div>
Unlike the marquee element this relies on a JQuery plug in. JQuery and the call for the plug will need to be added to the page.
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js""></script> <script type="text/javascript" src="scripts/jquery.marquee.min.js"></script>
The marquee function call be modified whatever needs are required.
$('.marquee').marquee({
//speed in milliseconds of the marquee
speed: 15000,
//gap in pixels between the tickers
gap: 50,
//gap in pixels between the tickers
delayBeforeStart: 0,
//'left' or 'right'
direction: 'right'
});
Resources
The JQuery Plug in can be found at the blog of Aamir Afridi.