html的marquee滚动标签

语法：说明：在标记之间添加要进行滚动的内容。

<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：顶部对齐

html的marquee滚动标签相关推荐

html 自动滚动标签,HTML滚动标签（marquee标签）
以下为学做网站论坛关于"HTML滚动标签(marquee标签)"讲解视频教程. HTML marquee标签介绍 marquee标签又叫滚动标签.它是用来控制一段文本或其它元素滚动 ...
marquee(文字滚动)标签
marquee(文字滚动)标签 marquee简介 <marquee>标签,是成对出现的标签,首标签<marquee>和尾标签</marquee>之间的内容就是滚动 ...
web前端基础（05htmlimg标签和滚动标签）
<!DOCTYPE html> <html><head><meta charset="utf-8"><title>< ...
JS实现marquee滚动效果
前言 marquee标签是微软推出的一个增强html标签动画功能的标签,也是W3C不被推荐使用的标签,因为marquee标签存在两个缺点. marquee标签的缺点 1.浏览器间存在兼容性问题(IE8 ...
html标签 marquee 滚动
<marquee style="font-size: 33px" direction=left behavior=scroll scrollamount=2 align=to ...
html marquee滚动效果,HTML标签marquee实现滚动效果(示例代码)
页面的自动滚动效果,可由javascript来实现,但是今天无意中发现了一个html标签 - 可以实现多种滚动效果,无需js控制. 使用marquee标记不仅可以移动文字,也可以移动图片,表格等. 语 ...
原生JS实现marquee 滚动字幕效果，完美解决频闪问题
marquee标签在HTML5 中已经不再受支持但是我们很多时候会用到滚动字幕的样式,所以就采用了实时动态改变元素位置的方式来实现此功能,在实现的时候用过HTML DOM setInterval() ...
JavaScript----marquee滚动标签图片无缝滚动插入百度地图
页面的自动滚动效果,可由javascript来实现, 但是有一个html标签 - <marquee></marquee>可以实现多种滚动效果,无需js控制. 使用marquee ...
marquee 滚动字幕
滚动字幕: <!DOCTYPE html> <html><head><meta charset="UTF-8"><title& ...

html的marquee滚动标签

html的marquee滚动标签相关推荐

最新文章

热门文章