Scroller with Added Styles

This example demonstrates the use of rich html in the scroller content items, and the addition of background and borders to the scroller container.

Be sure to read the instructions for important information regarding collapsing margins.

This example is positioned absolute, but all the same features could be applied to a relative-positioned scroller as well.




Over 2000+ free Javascript
at JavaScriptBank.com Website

New Scroller

The new code is lean and efficient. Its time-based motion is smoother in most browsers.

Its speed is generally more consistent across different browsers and platforms.

Features

Adjustable scroll speed and pause duration.

Accessibility: content in document, not generated.

Supports any number and type of items: plain text, images, lists, etc.

Format using style sheets.

Options

Pause on mouseover, resume on mouseout.

Position absolute or inline.

Multiple scroller support.

Horizontal or vertical scrolling.

New Scroller

The new code is lean and efficient. Its time-based motion is smoother in most browsers.

Its speed is generally more consistent across different browsers and platforms.