情感|娱乐|计算机网络爱好者|网络
情感 娱乐 学习 网络
1.建立第一个滚动字幕。代码:<marquee scrollAmount=2 width=300>计算机网络爱好者</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 _fcksavedurl="***>和</a>就可以了。如下效果,代码是<marquee" scrollAmount=2 width=300><a href=http://hexun.com/loverl>情感生活</a></marquee>,点击情感生活就可以进入了:

情感生活
b)如何制作当鼠标停留在文字上,文字停止滚动

代码如:<marquee scrollAmount=2 width=300 onmouseover=stop() onmouseout=start()>计算机网络爱好者</marquee>

效果如:

计算机网络爱好者

c)交替效果。代码如:<marquee scrollAmount=2 width=150behavior=alternate>计算机网络爱好者</marquee>

效果如:

计算机网络爱好者

d)多行文本向上滚动。代码如:
<marquee scrollAmount=2 width=200 height=80 direction=up>·欢迎您!<br>·常来光顾啊<br>·祝你快乐每一天<p>·<a href=http://hexun.com/loverl >情感生活</a></marquee>
效果如:

·欢迎您!
·常来光顾啊
·祝你快乐每一天

·情感生活

·注意:如果你的网页经过了FrontPage编辑,保存之后,只能滚动一行,这时候你发现你原来的代码顺序已经变了,My god!解决的办法是,找出原来的代码,把它嵌入到JavaScript的document.write中即可,上述代码写为:
<script>document.write('<marquee scrollAmount=2 width=300 height=160 direction=up>·欢迎您!<br>·常来光顾啊<br>·祝你快乐每一天<p>·<a href=http://hexun.com/loverl>情感生活</a></marquee>')</script> _fcksavedurl="http://hexun.com/loverl>情感生活</a></marquee>')</script>"

e)改变滚动字幕的颜色?可以用样式表来控制。如下效果,代码是<marquee scrollAmount=2 width=300><a style=color:CC6600>情感生活!</a></marquee>
情感生活!



Trackback: http://tb.donews.net/TrackBack.aspx?PostId=1238353


[点击此处收藏本文]  发表于2007年12月21日 10:00 AM




正在读取评论……
大名
网址
验证码
评论