站内搜索

 

精品内容

html滚动字幕marquee

[ 来源:互联网 | 作者: | 时间:2008-05-09 | 浏览: 人次 ]

 <marquee>标签可以实现元素在网页中移动的效果,以达到动感十足的视觉效果。<marquee>标签是一个成对的标签。应用格式为:
     
    <marquee>...</marquee>

    <marquee>标签有很多属性,用来定义元素的移动方式: 

<marquee>的属性

属 性 描 述
align 指定对齐方式top,middle,bottom
scroll 单向运动
slide 如幻灯片,一格格的,效果是文字一接触左边就停止。
alternate
左右往返运动
bgcolor 设定文字卷动范围的背景颜色
loop 设定文字卷动次数,其值可以是正整数或 infinite表示无限次 默认为无限循环
height 设定字幕高度
width 设定字幕宽度
scrollamount 指定每次移动的速度,数值越大速度越快
scrolldelay 文字每一次滚动的停顿时间,单位是毫秒。时间越短滚动越快
hspace 指定字幕左右空白区域的大小
vspace 指定字幕上下空白区域的大小
direction 设定文字的卷动方向,left表示向左,right表示向右,up表示往上滚动
behavior 指定移动方式,scroll表示滚动播出,slibe表示滚动到一方后停止,alternate表示滚动到一方后向相反方向滚动。

实例:
<html>
<body>
<center>
<font face="字体2" size=6 color="#ff0000">
滚动字幕
</font><br>
<marquee>啦啦啦~~~我会跑了</marquee>
<p>
<marquee height="200" direction="up" hspace="200">啦啦啦~~~我会往上跑了<br>啦啦啦~~~我会往上跑了</marquee>
<p>
<marquee direction="right">啦啦啦~~~我会往右跑了</marquee>
<p>
<marquee height="200" direction="down"><center>啦啦啦~~~我会往下跑了</center></marquee>
<p>
<marquee width="500" behavior="alternate">啦啦啦~~~我来回的跑</marquee>
<p>
<marquee behavior="slide">啦啦啦~~~我跑到目的地就该休息了</marquee>
<P>
<marquee scrollamount="2">啦啦啦~~~我累了,要慢慢的溜达</marquee>
<P>
<marquee scrolldelay="300">啦啦啦~~~我累了,我要走走停停</marquee>
<p>
<marquee scrollamount="20">哈哈~都没有我跑得快</marquee>
<p>
<marquee><img src="../../imge/6-2.jpg">啦啦啦~~图片也可以啊</marquee>
<p>
<marquee bgcolor="#FFFFCC" width="700" vspace="30"><font size="+3" color="#FF0000">啦啦啦~~滚动文字有背景了</font></marquee>
</center>
</body>
</html>

效果:

滚动字幕
啦啦啦~~~我会跑了

啦啦啦~~~我会往上跑了
啦啦啦~~~我会往上跑了

啦啦啦~~~我会往右跑了

啦啦啦~~~我会往下跑了

啦啦啦~~~我来回的跑

啦啦啦~~~我跑到目的地就该休息了

啦啦啦~~~我累了,要慢慢的溜达

啦啦啦~~~我累了,我要走走停停

哈哈~都没有我跑得快

啦啦啦~~图片也可以啊

啦啦啦~~滚动文字有背景了

最新评论 共有有 0 位网友发表了评论

发表评论

评论内容:不能超过250字,需审核,请自觉遵守互联网相关政策法规。
用户名:(注册)
密码:
验证码:
匿名?