打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
QQ密技----教你如何制作滚动文字

QQ密技----教你如何制作滚动文字

用HTML的<marquee>活动字幕标记所需的代码最少,且能以较少下载时间换来不错的效果。该标记语法格式如下:
<marquee align=left/center/right/top/bottom bgcolor=#n direction=left/right/up/down behavior=type height=n hspace=n scrollamount=n Scrolldelay=n width=n VSpace=n loop=n>字幕内容</marquee>
各参数详解:
1、Align:是设定活动字幕水平对齐的,分左(left),中(center),右(right);
Valign:是设定活动字幕垂直对齐的,分顶(top),中(middle),底(bottom).
2、Bgcolor:用于设定活动字幕的背景颜色,一般是十六进制数。
3、Direction:用于设定活动字幕的滚动方向向左、向右、向上、向下。
4、Behavior。用它来控制滚动方式,默认为scroll(从一端到另一端循环滚动),可选的值还有alternate(在两端
之间来回滚动)、slide(幻灯片效果,从一端到另一端滚动一次,然后停止滚动)
5、Height和 Width:设定滚动区域的高度和宽度.(特别在制作垂直滚动时,一定要设height的值)
6、Hspace和vspace:分别用于设定滚动字幕的左右边框和上下边框的宽度。
7、Scrollamount:用于设定活动字幕的滚动速度,值越大速度越快。默认为6,建议设为1~3比较好。
8、Scrolldelay:用于设定滚动两次之间的延迟时间。 默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。
9、Loop:用于设定滚动的次数,当loop=-1表示一直滚动下去,直到页面更新。
10、每行字的前后可以分别用<FONT color=#990066 size=4 face=隶书>和</FONT>的格式定义每行字的颜色,大小和字体,如果哪项不需要的话,把代码去掉就行。
11、<I></I>表示倾斜,<U></U>表示下划线,<B></B>表示加粗,加粗有时可以是<STRONG></STRONG>。
12、
表示换行。

13、 表示空格

图片滚动代码示例1(从右向左滚动)
<marquee scrollamount=1 scrolldelay=3 valign=middle behavior="scroll">
<img border="0" src=" 图片地址1">
<img border="0" src=" 图片地址2">
</marquee>
图片滚动代码示例2(从下往上滚动)
<marquee align=center direction=up scrollamount=1 scrolldelay=3 valign=middle behavior="scroll">
<img border="0" src="图片地址1">
<img border="0" src="图片地址2">
</marquee>
注:align=center valign=middle 一个水平,一个垂直,但是对于div标签不能用valign.
给滚动图片加上链接的代码
<marquee behavior=alternate height=120 width="90">
<P align=left>
<P align=center>
<a href="链接地址" target="_blank"><IMG src="图片地址" width=90 border="0"></a>
<a href="链接地址" target="_blank"><IMG src="图片地址" width=90 border="0"></a>
......
</P>
</MARQUEE>
参数解释
1.align:是设定活动字幕水平对齐的,分左(left),中(center),右(right);
valign:是设定活动字幕垂直对齐的,分顶(top),中(middle),底(bottom).
2.height和width:设定滚动区域的高度和宽度.(特别在制作垂直滚动时,一定要设height的值)
3.scrollamount:用于设定活动字幕的滚动速度,值越大速度越快。默认为6,建议设为1~3比较好。
4.scrolldelay:用于设定滚动两次之间的延迟时间。默认为90,值越大,速度越慢。通常scrolldelay是不需要设置的。
5.direction属性:决定文本的滚动方向,分为向左left和向右right,up和down默认状态向左。
<marquee direction=left>从右向左滚动</marquee>
<marquee direction=right>从左向右滚动</marquee>
<marquee direction=up>从下向上滚动</marquee>
<marquee direction=down>从上向下滚动</marquee>
6.behavior属性:指定文本的滚动方式,分为三种:
Scroll:从一端消失后,在另一端出现并继续滚动。
<marquee behavior=scroll>一圈一圈地滚动</marquee>
Slide:从一端滚动,接触到另一端后停止
<marquee behaviro=slide>只滚动一次就停止</marquee>
Alternate:从一端滚动到另一端后,反向滚动。
<marquee behavior=alternate>来回滚动</marquee>
7.border=0:边框线等于0 也就是说没有边框线

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
dede织梦实现滚动图片
JSP中的滚动字幕
多图一起滚动的代码
左右滚动字幕的代码?
HTML滚动代码大全
图片滚动代码
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服