一、建立第一个滚动字幕。代码:
<marquee scrollAmount="n" width="n" height="n" direction="type"
<marquee scrollAmount="n" width="n" height="n" direction="type"
scrollDelay="n" behavior="type" loop="n"
onmouseover="this.stop()" onmouseout="this.start()">我的滚动字幕文字</marquee>
二、各参数详解:
1)、scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。
1)、scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。
2)、width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。
3)、direction。表示滚动的方向,默认为从右向左:←。可选的值有left:←、right:→、down:↓、up:↑。
4)、scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。
5)、behavior。用它来控制属性,默认为循环滚动,可选值有scroll:表示滚动
字幕内容向同一方向重复滚动、slide:表示滚动字幕内容从一端向另一端滚动并在另一端停止、alternate表示滚动字幕内容在两端之间来回往复滚动。
6)、loop。是用来指定滚动字幕的滚动次数的,当它的值为“-1”时,滚动字幕将连续滚动直到浏览器载入下一个页面。
7)、onmouseover="this.stop()"。鼠标停留在滚动字幕时,停止滚动。
8)、onmouseout="this.start()"。鼠标离开滚动字幕时,开始滚动。
三、实例:
1)、给滚动字幕加超连接
<marquee><a href="www.baidu">百度</a></marquee>。
1)、给滚动字幕加超连接
<marquee><a href="www.baidu">百度</a></marquee>。
2)、多行文本
<marquee>第一行<br>html滚动效果代码第二行<br>第三行</marquee>。
3)、改变滚动字幕的颜
<marquee><a style=color:CC6600>我的滚动字幕文字</a></marquee>。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论