marquee文字滚动效果:文字滚动后自动停止

发布时间:2020-10-20编辑:脚本学堂
有关marquee文字滚动效果的实例代码,在marquee中实现文字滚动后自动停止的效果,并对marquee中的参数用法做了详细说明。

一、文字滚动后自动停止效果

代码:
 

复制代码 代码示例:
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>marquee文字滚动效果</title>
</head>
<body >
<p align=left><marquee height=293 behavior=slide width=550 loop=1 scrollalinuxjishu/9952.html target=_blank class=infotextkey>mount=1 scrolldelay=100><font style="font-size: 18pt; font-family: 方正姚体; color: #ea0000" color=#ff0000>
代码滚动
</font>
</marquee></p>
</body>
</html>

二、文字滚动鼠标放上去停止代码

代码:
 

<marquee direction=up  onMouseOut="this.start()" onMouseOver="this.stop()"
scrollamount=1  scrolldelay=0 width=100%  height="150">滚动文字内

</marquee>
 

 
说明:
1、滚动文字中加上连接:<a href='连接网址'>滚动文字内容</a>

2、direction=up
滚动方向,这个可以规定 up down left right
分别是 向上 向下 向左 向右

3、scrollamount=1
后面的数字是滚动的速度 数字越大速度越快

4、scrolldelay=0
这个指滚动延迟

5、width 和height分别指宽度和高度

三、marquee参数说明

onmouseout="this.start();" 当鼠标移开,开始滚动
onmouseover="this.stop();" 当鼠标移上去,停止滚动
direction="left" 滚动方向,向左滚动。
scrolldelay="50" 滚动延时,单位毫秒
scrollamount="3" 滚动速度,数值越大,滚动的越快。不能低于1,否则没有效果。建议为2或者3
注意:此方法在火狐下没有效果。

您可能感兴趣的文章: