Login   Register  
Icontem

File: example.txt

Recommend this page to a friend!
Stumble It! Stumble It! Bookmark in del.icio.us Bookmark in del.icio.us
  Classes of Stephen Chapman  >  Unobtrusive Continuous marquees  >  example.txt  >  Download  
File: example.txt
Role: Documentation
Content type: text/plain
Description: examples of how to use
Class: Unobtrusive Continuous marquees
Animate marquee elements that scroll continuously
Author: By
Last change: Add text to describe what happens when the mouse moves over the marquee
Date: 2013-01-29 12:52
Size: 907 bytes
 

Contents

Class file image Download
Simply add the script to the bottom of your page and you can convert any of your page content into marquees simply by adding a class. If JavaScript is not available then the content will appear as it normally would if it were not for the class="marquee".

Example text marquee:

<p class="marquee" style="height:22px">The quick brown fox jumped over the lazy dog. She sells sea shells by the sea shore.</p>


Code to add an optional start/stop button:

<div class="marqueess"></div>


An example mixing text and images:

<p class="marquee" style="height:90px">Steve <img src="img/12274.jpg"/></p>

Note that all of the marquees you add to your page will scroll at the same speed. If the mouse moves over any of them while they are scrolling they will stop scrolling until the mouse moves off again. If you use a start/stop button and the scroll is stopped then the mouse will have no effect.