How to use the scroller (v2)
overview :: the scroller uses two layers, one nested inside the other. for this version the container layer is always called 'container
N', and the contents layer is called 'text
N'. there is also a layer with arrows to scroll the contents layer called 'arrows
N'
notes :: the
clip style of the container layer defines how much of the contents is visible at any time.
set the
width style property of the content layer to this value, otherwise some content will not be visible.
//
miscellaneous :: if the content is shorter than the area defined by the container layer the arrows used to scroll up and down will still be visible.
to hide the arrows set their
visibility style to hidden, and use the function
revealarrows() to automatically show the arrows if the content is large enough to be scrolled, eg
revealarrows('1').//
usage :: copy and paste the script into your page. create a container layer [container1] and a contents layer [text1].
make sure both layers have the
position:absolute property.
create a layer for the arrows [arrows1].
use the following code for the arrows:-
up :: onmouseover="loop=true; scrollup('1')" onmouseout="loop=false; clearTimeout(timer);"
down :: onmouseover="loop=true; scrolldown('1')" onmouseout="loop=false; clearTimeout(timer);"
email ::
derek@amxstudios.com
