Argilla

aScroller

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

This class has been tested working on Internet Explorer 5.01->8.0, Firefox 1.0->3.6, Chrome 5.0, Safari 2.0->5.0, Opera 8.0->10.0. and iOS 3.0->4.0 (iPhone, iPad).

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).