Argilla

aScroller

This is a javascript scroller, 100% standards compliant (doesn't poison your code, keeps the page validating XHTML Strict).

This class works on Internet Explorer 5.01-7.0, Firefox 1.0-3.0, Safari 2.0-3.0 and Opera 8.0-9.0.
On Opera 8.0 there's a small bug regarding the horizontal scrollbar on horizontal scroller mode.

Usage

• Define a <div> tag with a specified ID. Put inside another child <div> containing the scrolling text. Adding more children divs allows multiline (vertical scroll only).
• Define an INLINE CSS width and height (important, MUST be inline)
• If you're using the vertical scroller, add also line-height in order to have a perfect alignment.
• Execute the divScroller function, passing id, mode, speed (higher number means slower) and delay (in ms).

Example

<div id="scroll-v" style="height: 18px; line-height: 18px; width: 500px;">
  <div>This text will scroll vertically.</div>
  <div>Supports also multiple stages</div>
  <div>Quite simple, uh?</div>
</div>
<script type="text/javascript">divScroller("scroll-v", "v", 20, 3000);</script>
		

<div id="scroll-h" style="height: 18px; width: 500px;">
  <div>This is a test. The text should be scrolling horizontally.</div>
</div>
<script type="text/javascript">divScroller("scroll-h", "h", 20, 3000);</script>
		

Download

Download version 1.0 here (8.3kb).