页面文字滚动代码与演示:

1.滚动字幕。

代码:
<marquee scrollAmount=2 width=300><a href=http://www.rooku.com>又酷校园收藏夹</a></marquee>

演示:
又酷校园收藏夹

 

2.各参数详解:
a)scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。
b)width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。
c)direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:right表示→→→,up表示↑,down表示↓。
d)scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。
e)behavior。用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动)

3.实例:
a)如何给滚动字幕加超链接?这跟平时的超链接是完全一样的。只要在文字外面加上<a href=***>和</a>就可以了。如下效果,代码是<marquee scrollAmount=2 width=300><a href=http://www.rooku.com>又酷校园收藏夹</a></marquee>,点击又酷校园收藏夹就可以进入了:

 b)如何制作当鼠标停留在文字上,文字停止滚动?
代码如:
<marquee scrollAmount=2 width=300 onmouseover=stop() onmouseout=start()><a href=http://www.rooku.com>又酷校园收藏夹</a></marquee>

演示:
又酷校园收藏夹

c)多行文本向上滚动。

代码如:
<marquee scrollAmount=2 width=300 height=160 direction=up>·<a href=http://www.rooku.com>又酷校园收藏夹</a><br>·<a href=http://bbs.rooku.com>又酷校园论坛</a><br>·<a href=http://www.rooku.com>免费代码</a><p>·<a href=http://www.rooku.com>自助链接</a></marquee>

演示:
·又酷校园收藏夹
·又酷校园论坛
·免费代码
·自助链接

又酷校园网示
2008年01月01日

http://www.rooku.com