| dhtmllib.js |  |
scroller.js |
[Site Map]
To put Mike's Scroller on your page, first you need to download these 2 files.
Now view the page source and copy the JavaScript and paste it into your page. That's all there is to it!
The scroller comes with many options, which you set through it's methods. I think I used all of these methods in the example. They are:
| Scroller(x, y, width, height, border, padding) * | Creates a new Scroller object positioned at (x,y) with the given width and height. The border and padding values define the size of the border around the scroller and margin between the border and the item text. |
| setColors(fgcolor, bgcolor, bdcolor) | Sets the default text, background and border colors, respectively, for the scroller. Note that you can insert HTML tags in the item text to mix text colors. The defaults are black, white and black respectively. |
| setFont(face, size) | Sets the default font face and size for item text. Any values allowed in a <FONT> tag can be used. Note that you can insert HTML tags in the item text to mix fonts. The defaults are "Arial,Helvetica" and 2 respectively. |
| setSpeed(pps) | Sets the scroll speed in pixels per second. The default is 50. |
| setPause(ms) | Sets the amount of time the scroller will pause whenever a new item scrolls into view. This pause gives the user time to read the text before it starts moving again. The time is given in milliseconds (1000ms = 1 second). The default is 2000. |
| addItem(str) * | Use
this method to create the items for a scroller. The string can
contain text and HTML tags so you can use images, links, etc. You
can add as many items as you want. Text is wrapped automatically to
fit within the scroller but note that if an item exceeds the defined
width or height of the scroller, it will be clipped.
* Required |