Marquee标签实现跑马灯、滚动公告、通知效果
1.Marquee基本语法
<marquee> … </marquee>
实例演示：会移动的文字(Marquee)
<marquee>啦啦啦，我会移动耶！</marquee>
2.文字移动属性
（1）方向 ：direction=#
#=left, right,up,down
例：
<marquee direction=left>啦啦啦，我从右向左移！</marquee>
<marquee direction=right>啦啦，我从左向右移！</marquee>
<marquee direction=up>啦啦啦，我从下向上移！</marquee>
<marquee direction=down>啦啦，我从上向下移！</marquee>
（2）方式： behavior=#
#=scroll(循环),
slide(只走一次)
alternate(来回走，文字在边界内撞来撞去)
<marquee behavior=scroll>啦啦啦，我一圈一圈绕着走！</marquee> <P>
<marquee behavior=slide>啦啦啦，我只走一次就歇了！</marquee> <P>
<marquee behavior=alternate>啦啦啦，我来回走耶！</marquee>
（3）循环: loop=#
#=次数；若未指定则循环不止(infinite)
<marquee loop=1 width=50% behavior=scroll>啦啦啦，我只走 1 趟哟！</marquee> <P>
<marquee loop=2 width=50% behavior=slide>啦啦啦，我只走 2 趟哟！</marquee> <P>
<marquee loop=3 width=50% behavior=alternate>啦啦啦，我只走 3 趟哟！</marquee>
（4）速度: scrollamount=#
通过这个属性能够调整文字滚动的速度。值越大速度越快。
<marquee scrollamount=20>啦啦啦，我走得好快哟！</marquee>
（5）延时: scrolldelay=#
通过这个属性，可以在每一次滚动的间隔产生一段时间的延迟。
<marquee scrolldelay=500 scrollamount=100>啦啦啦，我走一步，停一停！</marquee>
3．外观(Layout)设置
（1）底色: bgcolor=#
#=RRGGBB 16 进制颜色代码
<marquee bgcolor="#CCCCCC">
啦啦啦，我会移动耶！
</marquee>
（2）面积: height=# width=#
<marquee height="40" width="50%">
啦啦啦，我会移动耶！
</marquee>
（3）hspace、vspace：空白空间(相当于设置margin值)
说明：hspace：设定活动字幕里所在的位置距离父容器水平边框的距离，如hspace=“10”，即等同于：margin：0 10px；
vspace：设定活动字幕里所在的位置距离父容器垂直边框的距离，如vspace=“10”，即等同于：margin：10px 0；
<marquee hspace="10" vspace="10">啦啦啦，我会移动耶！</marquee>
marquee常用到的两个事件：
onMouseOut=”this.start()” 用来设置鼠标移出该区域时继续滚动
onMouseOver=”this.stop()” 用来设置鼠标移入该区域时停止滚动
<marquee onmouseover="this.stop();" onmouseout="this.start()" direction="up"> 125网页设计-权威的网页制作，网页设计教程基地 </marquee>
marquee实例1：制作无缝滚动的公告栏（横向）
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>marquee实例1：制作无缝滚动的公告栏（横向）|www.125jz.com</title>
</head>
<body>
<MARQUEE behavior="scroll" contenteditable="true" onstart="this.firstChild.innerHTML+=this.firstChild.innerHTML;" scrollamount="3" width="100">
<SPAN unselectable="on"></SPAN></MARQUEE>
<DIV id="scrollobj" style="white-space:nowrap;overflow:hidden;width:500px;" onmouseover="aa()" onmouseout="b()" >
125网页设计-权威的网页制作，网页设计教程基地
</DIV>
<script language="javascript" type="text/javascript">
<!--
function scroll(obj) {
var tmp = (obj.scrollLeft)++;
//当滚动条到达右边顶端时
if (obj.scrollLeft==tmp) obj.innerHTML += obj.innerHTML;
//当滚动条滚动了初始内容的宽度时滚动条回到最左端
if (obj.scrollLeft>=obj.firstChild.offsetWidth) obj.scrollLeft=0;
}
var a = setInterval("scroll(document.getElementById('scrollobj'))",20);
function aa(){
clearInterval(a);
}
function b(){
a=setInterval("scroll(document.getElementById('scrollobj'))",10);
}
//-->
</script>
</body>
</html>提示：你可以先修改部分代码再运行。