<marquee>的用途比较广泛,在这里详细讲解一下.
主要参数设置:
align:是设定活动字幕的位置,除了居左、居中、居右三种位置外,又增加靠上(top)和靠下(bottom)两种位置。
Bgcolor:用于设定活动字幕的背景颜色,可以使用英文的单词也可以是十六进制数的。
Direction:用于设定活动字幕的滚动方向是向左(left)、向右(right)、向上(up)、向下(down)。
Behavior:用于设定滚动的方式,主要由三种方式:
behavior="scroll"表示由一端滚动到另一端;默认为此项
behavior="slide":表示由一端快速滑动到另一端,且不再重复;
behavior="alternate"表示在两端之间来回滚动。
Height:用于设定滚动字幕的高度。
Width:则设定滚动字幕的宽度。
Hspace和vspace:分别用于设定滚动字幕的左右边框和上下边框的宽度.
Scrollamount:用于设定活动字幕的滚动距离。数值越小,滚动的速度就越快。
scrolldelay:用于设定滚动两次之间的延迟时间,数值越小,间隔就越小。
Loop:用于设定滚动的次数,当loop=-1表示一直滚动下去,直到页面更新。其中默认情况是向左滚动无限次,字幕高度是文本高度;滚动
范围:水平滚动的宽度是当前位置的宽度;垂直滚动的高度是当前位置的高度。
示例1:
看我走的好慢!
代码: <marquee Hspace=6 scrollamount=3 width=200 height=10 bgcolor=red scrolldelay=3>看我走的好慢!</marquee>
示例2:
看我走的好快!
代码: <marquee scrollamount=5 width=200 height=10 bgcolor=red scrolldelay=8>看我走的好快!</marquee>
示例3:
看我两边跑,疯了
代码: <marquee scrollamount=30 width=200 height=10 bgcolor=red behavior=alternate scrolldelay=2>看我两边跑,疯了</marquee>
示例4:
看我变了颜色!
代码: <marquee scrollamount=3 width=200 height=10 bgcolor=red><font size=2pt>看我变了颜色!</font></marquee>
示例5:
我是向上走的,
我是向上走的,
我是向上走的,
我是向上走的,
我是向上走的,
代码: <marquee scrollamount=2 width=120 height=220 bgcolor=red Direction=up >我是向上走的,<br>我是向上走的,<br>我是向上走的,<br>我是向上走的,<br> 我是向上走的,<br> </marquee>
基本写法如下:
<html>
<head>
<title>
字幕标签
</title>
</head>
<body>
<p align=center><marquee Hspace=6 scrollamount=3 width=200 height=10 bgcolor=red scrolldelay=3><font color=#ffpp66 size=10pt>看我走的好慢!<font></marquee></p>
</html>
把它保存为html格式自己调试一下里面的各个属性,看不同值会出现什么不同的效果.的要注意的是各项属性写在开始<marquee>里面,每一项属性用空白键隔开,align这一项一定要用在段落里面,否则不会起作用.
分享到:
相关推荐
关于单片机的走马灯的简单的一个代码 关于单片机的走马灯的简单的一个代码 关于单片机的走马灯的简单的一个代码
简易可用的走马灯效果。初始化之后就可以使用
html javascript jquery 走马灯例子 调用简单
flash走马灯效果flash+xml,flash走马灯效果flash+xml,flash走马灯效果flash+xml
下面小编就为大家分享一篇vue实现图片滚动的示例代码(类似走马灯效果),具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
单片机C语言程序设计 可以调控的走马灯(有源码)单片机C语言程序设计 可以调控的走马灯(有源码)单片机C语言程序设计 可以调控的走马灯(有源码)单片机C语言程序设计 可以调控的走马灯(有源码)单片机C语言程序设计 ...
网页制作走马灯效果代码 喜欢网页制作的人可以下载下来看看啊
北邮数电实验走马灯预习
实现HTML图片无缝走马灯效果的简明代码,集成使用方便快捷!
VHDL编写的走马灯程序 LEDWALK.rar
单片机Proteus实例 走马灯(电路图 仿真程序 电路)单片机Proteus实例 走马灯(电路图 仿真程序 电路)单片机Proteus实例 走马灯(电路图 仿真程序 电路)单片机Proteus实例 走马灯(电路图 仿真程序 电路)单片机...
走马灯效果示例 走马灯效果示例 走马灯效果示例 走马灯效果示例 走马灯效果示例
一个时钟和一个显示时间与日期的走马灯 一个时钟和一个显示时间与日期的走马灯 一个时钟和一个显示时间与日期的走马灯
Linux下键盘灯走马灯效果,代码可直接运行,从mian函数直接运行。
proteus仿真走马灯的使用方法,内用翔实,非常易懂。
? 设计并实现一个控制16个发光二极管亮灭的电路,仿真验证其功能,并下载到实验板测试。1. 单点移动模式:从左至右依次循环点亮16个发光二极管,每个发光二极管的点亮时间为0.5秒;2. 幕布式:从中间两个发光二极管...
走马灯实验走马灯实验走马灯实验 报告 详细的解释 很完整的程序
Android实现走马灯效果,可以按照不同的需求实现不同的效果,比如走马灯的半径设置、是否自动旋转、延X/Z坐标轴旋转。
html 走马灯 .net 走马灯的实现,jsp脚本支持各种浏览器
在android 中给控件 上显示不完的文字信息 设置成走马灯的效果, 这样不用更改控件的大小,还可以达到炫酷的 效果