The quick brown fox jumped over the lazy dog. She sells sea shells by the sea shore.
These changes make this latest version of the marquee script the easiest to implement of all of the marquee scripts that I have written. Also, since the content can be either text, images or both there is no need for me to make a similar change to my continuous image marquee as this script can easily handle that situation as well.
To use this script simply apply a height to each block level element in the page you wish to convert to a marquee and give that element a class="marquee" attribute like this (if you only have one marquee in the page or all have the same height then apply the height to the marquee class in the CSS):
<p class="marquee" style="height:22px">The quick brown fox jumped over the lazy dog. She sells sea shells by the sea shore.</p>
A start/stop button can be attached anywhere in the page and you can have as many of them as you like. Note that all the marquees will pause while the mouse is over any one of them and restart when the mouse moves off but if a stop button is pressed then the marquees will stay stopped until a start button is pressed. Simply use the following code where ever you want a button:
Then simply attach the script to the bottom of the web page.
All you need then is to save the following script as marquee.js:
You can easily include images in the marquee as well since whatever is in the block tag you give the class to will be converted to a marquee.
This article written by Stephen Chapman, Felgall Pty Ltd.