marquee

该标签不是HTML3.2的一部分，并且只支持MSIE3以后内核，所以如果你使用非IE内核浏览器(如：Netscape)可能无法看到下面一些很有意思的效果 该标签是个容器标签 语法： <marquee></marquee> 以下是一个最简单的例子： 代码如下: <marquee><font size=+3 color=red>Hello, World</font></marquee> 下面这两个事件经常用到： onMouseOut="this.start()" ：用来设置鼠标移出该区域时继续滚动 onMouseOver="this.stop()"：用来设置鼠标移入该区域时停止滚动 代码如下: <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"

以下其属性： direction 设定活动字幕的滚动方向 代码如下: <marquee direction="down">设定活动字幕的滚动方向direction="down"：向下</marquee> <marquee direction="left">设定活动字幕的滚动方向direction="left"：向左</marquee> <marquee direction="right">设定活动字幕的滚动方向direction="right"：向右</marquee> <marquee direction="up">设定活动字幕的滚动方向direction="up"：向上</marquee> behavior 设定滚动的方式： alternate： 表示在两端之间来回滚动。 scroll： 表示由一端滚动到另一端，会重复。 slide： 表示由一端滚动到另一端，不会重复。 代码如下: <marquee behavior="alternate">alternate：表示在两端之间来回滚动。 </marquee> <marquee behavior="scroll">scroll：表示由一端滚动到另一端，会重复。</marquee> <marquee behavior="slide">slide： 表示由一端滚动到另一端，不会重复。</marquee> scrollamount

<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 > 说明： 　　1、<marquee ></marquee >中间的内容可以为 文字，图片，也可以是由程序生成的文字或图片 　　2、onMouseOut="this.start()" ：用来设置鼠标移出该区域时继续滚动 　　　 onMouseOver="this.stop()"：用来设置鼠标移入该区域时停止滚动 属性： align 设定<marquee>标签内容的对齐方式 absbottom：绝对底部对齐（与g、p等字母的最下端对齐） absmiddle：绝对中央对齐 baseline：底线对齐 bottom：底部对齐（默认） left：左对齐 middle：中间对齐 right：右对齐 texttop：顶线对齐 top：顶部对齐

请大家先看下面这段代码： <marquee direction=upbehavior=scrollloop=3scrollamount=1 scrolldelay=10align=topbgcolor=#ffffffheight=300 width=30%hspace=20 vspace=10onmouseover=this.stop() onmouseout=this.start()> 此处输入滚动内容 </marquee> 现在让我们来具体分析一下 ： ◎direction表示滚动的方向，值可以是left，right，up，down，默认为left ◎behavior表示滚动的方式，值可以是scroll（连续滚动）slide（滑动一次）alternate（往返滚动） ◎loop表示循环的次数，值是正整数，默认为无限循环 ◎scrollamount表示运动速度，值是正整数，默认为6 ◎scrolldelay表示停顿时间，值是正整数，默认为0，单位似乎是毫秒 ◎align表示元素的垂直对齐方式，值可以是top，middle，bottom，默认为middle ◎bgcolor表示运动区域的背景色，值是16进制的RGB颜色，默认为白色 ◎height、width表示运动区域的高度和宽度，值是正整数（单位是像素）或百分数，默认width=100% height为标签内元素的高度

今天在做微信端的大转盘抽奖时，想把所有用户的抽奖记录做成无缝滚动的效果，无奈我的js功底太差，一时想不出实现的方法，便百度各种相似效果。但无意中发现了一个html标签——<marquee></marquee>可以实现多种滚动效果，无需js控制。使用marquee标签不仅可以滚动文字，也可以滚动图片，表格等，而且使用起来方便快捷，真的为我节省了不少时间。 marquee标签不是HTML3.2的一部分，并且只支持MSIE3以后内核，所以如果你使用非IE内核浏览器(如：Netscape)可能无法看到下面一些很有意思的效果，该标签是个容器标签。 一、marquee标签的几个重要属性： 1. direction ：滚动方向(包括4个值：up、down、left、right) 说明：up：从下向上滚动；down：从上向下滚动；left：从右向左滚动；right：从左向右滚动。 语法：<marquee direction="滚动方向">...</marquee> 2. behavior ：滚动方式(包括3个值：scroll、slide、alternate) 说明：scroll：循环滚动，默认效果；slide：只滚动一次就停止；alternate：来回交替进行滚动。 语法：<marquee behavior="滚动方式">...</marquee> 3. scrollamount ：滚动速度

1.建立第一个滚动字幕。代码： <marquee scrollAmount=2 width=300>文字滚动</marquee> 2.各参数详解： a)scrollAmount。它表示速度，值越大速度越快。如果没有它，默认为6。 b)width和height，表示滚动区域的大小，width是宽度，height是高度。特别是在做垂直滚动的时候，一定要设height的值。 c)direction。表示滚动的方向，默认为从右向左：←←←。可选的值有right、down、up。滚动方向分别为：right表示→→→，up表示↑，down表示↓。 d)scrollDelay，这也是用来控制速度的，默认为90，值越大，速度越慢。通常scrollDelay是不需要设置的。 e)behavior。用它来控制属性，默认为循环滚动，可选的值有alternate(交替滚动)、slide(幻灯片效果，指的是滚动一次，然后停止滚动) 3.如何制作当鼠标停留在文字上，文字停止滚动？ 代码如下： <marquee scrollAmount=2 width=300 onmouseover=stop() onmouseout=start()>文字内容</marquee> 交替效果。代码如下： <marquee scrollAmount=2 width=99 behavior=alternate>文字内容<