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





你可能感兴趣的:(Marquee)