html的marquee滚动标签
2015-10-21 16:21
239 查看
语法:说明:在标记之间添加要进行滚动的内容。
<span style="font-size:18px;"><marquee></marquee></span>1.滚动方向direction(包括4个值:up、 down、 left和 right)
语法:<marquee direction="滚动方向">...</marquee>
2.滚动方式behavior(scroll:循环滚动,默认效果; slide:只滚动一次就停止; alternate:来回交替进行滚动)
语法:<marquee behavior="滚动方式">...</marquee>
3.滚动速度scrollamount(滚动速度是设置每次滚动时移动的长度,以像素为单位)
语法:<marquee scrollamount="5">...</marquee>
4.滚动延迟scrolldelay(设置滚动的时间间隔,单位是毫秒)
语法:<marquee scrolldelay="100">...</marquee>
5.滚动循环loop(默认值是-1,滚动会不断的循环下去)
语法:<marquee loop="2">...</marquee>
6.滚动范围width、height
7.滚动背景颜色bgcolor
8.空白空间hspace、vspace
下面这两个事件经常用到:
onMouseOut="this.start()" :用来设置鼠标移出该区域时继续滚动 onMouseOver="this.stop()":用来设置鼠标移入该区域时停止滚动
代码如下:
<pre name="code" class="html"><marquee onMouseOut="this.start()" onMouseOver="this.stop()">
onMouseOut="this.start()" :用来设置鼠标移出该区域时继续滚动 onMouseOver="this.stop()":用来设置鼠标移入该区域时停止滚动
</marquee>
一个完成的例子:
<marquee id="affiche" align="left" behavior="scroll" bgcolor="#FF0000" direction="up" height="300" width="200" hspace="50" vspace="20" loop="-1" scrollamount="10" scrolldelay="100" onMouseOut="this.start()" onMouseOver="this.stop()">
这是一个完整的例子
</marquee>
align 设定<marquee>标签内容的对齐方式
absbottom:绝对底部对齐(与g、p等字母的最下端对齐)
absmiddle:绝对中央对齐
baseline:底线对齐
bottom:底部对齐(默认)
left:左对齐 middle:中间对齐 right:右对齐 texttop:顶线对齐 top:顶部对齐
<span style="font-size:18px;"><marquee></marquee></span>1.滚动方向direction(包括4个值:up、 down、 left和 right)
语法:<marquee direction="滚动方向">...</marquee>
2.滚动方式behavior(scroll:循环滚动,默认效果; slide:只滚动一次就停止; alternate:来回交替进行滚动)
语法:<marquee behavior="滚动方式">...</marquee>
3.滚动速度scrollamount(滚动速度是设置每次滚动时移动的长度,以像素为单位)
语法:<marquee scrollamount="5">...</marquee>
4.滚动延迟scrolldelay(设置滚动的时间间隔,单位是毫秒)
语法:<marquee scrolldelay="100">...</marquee>
5.滚动循环loop(默认值是-1,滚动会不断的循环下去)
语法:<marquee loop="2">...</marquee>
6.滚动范围width、height
7.滚动背景颜色bgcolor
8.空白空间hspace、vspace
下面这两个事件经常用到:
onMouseOut="this.start()" :用来设置鼠标移出该区域时继续滚动 onMouseOver="this.stop()":用来设置鼠标移入该区域时停止滚动
代码如下:
<pre name="code" class="html"><marquee onMouseOut="this.start()" onMouseOver="this.stop()">
onMouseOut="this.start()" :用来设置鼠标移出该区域时继续滚动 onMouseOver="this.stop()":用来设置鼠标移入该区域时停止滚动
</marquee>
一个完成的例子:
<marquee id="affiche" align="left" behavior="scroll" bgcolor="#FF0000" direction="up" height="300" width="200" hspace="50" vspace="20" loop="-1" scrollamount="10" scrolldelay="100" onMouseOut="this.start()" onMouseOver="this.stop()">
这是一个完整的例子
</marquee>
align 设定<marquee>标签内容的对齐方式
absbottom:绝对底部对齐(与g、p等字母的最下端对齐)
absmiddle:绝对中央对齐
baseline:底线对齐
bottom:底部对齐(默认)
left:左对齐 middle:中间对齐 right:右对齐 texttop:顶线对齐 top:顶部对齐
相关文章推荐
- Marquee配合DIV实现的文字滚动效果代码
- 兼容多浏览器的字幕特效Marquee的通用js类
- jQuery实现模拟marquee标签效果
- Class Of Marquee Scroll通用不间断滚动JS封装类第1/2页
- html<marquee>标签
- 亲测Android TextView的文字滚动(marquee)效果
- android ellipsize marquee 滚动文本正确配置
- Android 跑马灯效果实现
- TextView:ellipsize设置了Marquee显示省略号
- html 页面内容滚动显示 marquee
- Android玄铁剑之TextView之跑跑马灯
- 文字的跑马灯效果
- html5 会移动的文字(Marquee)
- 第一次玩
- android跑马灯效果
- 关于marquee详解
- css3 marquee
- 【marquee标签插件】原生JavaScript模拟<marquee>的跑马灯效果
- Android仿淘宝头条垂直滚动,垂直走马灯,公告
- marquee实现通知公告例子