File: example.txt

Recommend this page to a friend!
  Classes of Stephen Chapman  >  Continuous Vertical Scroll  >  example.txt  >  Download  
File: example.txt
Role: Documentation
Content type: text/plain
Description: Example of how to apply vertical scroller script
Class: Continuous Vertical Scroll
Vertical scroll of HTML page elements
Author: By
Last change:
Date: 9 years ago
Size: 983 bytes


Class file image Download
Simply add the script to the bottom of your page and you can convert any of your page content into vertical scrollers 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="scroller".

Example text scroller:

<p  class="scroller" style="height:300px;width:150px;">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="scrollerss"></div>

Note that all of the vertical scrollers 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.

You can use this script in the same page as my continuous marquee script as long as you don't try to apply both classes to the same element in the page.