滚动marquee语法

公告栏不间断滚动代码

公告栏不间断滚动代码
<marquee direction=up height=75 onMouseOut=this.start() onMouseOver=this.stop() scrollamount=1 scrolldelay=100 width="180" id=MARQUEE1>滚动内容</marquee>

Direction 参数可设置:up down left right (控制滚动方向)

Scrolldelay = 100 (100就是速度，值越大滚动越快……)

onMouseOut=this.start() ........鼠标移出状态滚动

onMouseOver=this.stop() .........鼠标经过时停止滚动

基本语法 <marquee> ... </marquee> 移动属性的设置 ,这种移动不仅仅局限于文字，也可以应用于图片，表格等等

方向 <direction=#> #=left, right ,up ,down <marquee direction=left>从右向左移！</marquee>

方式 <bihavior=#> #=scroll, slide, alternate <marquee behavior=scroll>一圈一圈绕着走！</marquee> <marquee behavior=slide>只走一次就歇了！</marquee> <marquee behavior=alternate>来回走</marquee>

循环 <loop=#> #=次数；若未指定则循环不止(infinite) <marquee loop=3 width=50% behavior=scroll>只走 3 趟</marquee> <P> <marquee loop=3 width=50% behavior=slide>只走 3 趟</marquee> <marquee loop=3 width=50% behavior=alternate>只走 3 趟！</marquee>

速度 <scrollamount=#> <marquee scrollamount=20>啦啦啦，我走得好快哟！</marquee>

延时 <scrolldelay=#> <marquee scrolldelay=500 scrollamount=100>啦啦啦，我走一步，停一停！</marquee>

外观(Layout)设置

对齐方式(Align) <align=#> #=top, middle, bottom <font size=6> <marquee align=# width=400>啦啦啦，我会移动耶！</marquee> </font>

底色 <bgcolor=#> #=rrggbb 16 进制数码，或者是下列预定义色彩： Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, Fuchsia, White, Green, Purple, Silver, Yellow, Aqua <marquee bgcolor=aaaaee>颜色！</marquee>

面积 <height=# width=#> <marquee height=40 width=50% bgcolor=aaeeaa>面积！</marquee>

空白 (Margins)<hspace=# vspace=#> <marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaa align=middle>面积！</marquee>

<div id="marquees">  <a href=http://www.webjx.com/htmldata/2005-10-22/"#">链接1</a> <br> <a href=http://www.webjx.com/htmldata/2005-10-22/"#">链接2</a> <br> <a href=http://www.webjx.com/htmldata/2005-10-22/"#">链接3</a> <br> <a href=http://www.webjx.com/htmldata/2005-10-22/"#">链接4</a> <br>  </div>  <script language="javascript">  </script>

代码二

<marquee dir=要滚动的方向 scrolldelay=时间 onmouseover=this.stop() onmouseout=this.start() >你要的文字</marquee> 其中：要滚动的方向为： left,right,down,up 时间：1000为一秒

上面是最简单的一种方法，不过缺陷就是公告信息滚完一次之后会出现空白区域，我这里有一段代码可以实现信息不间断滚动（不过也有缺陷，就是公告信息必须达到一定数量，否则滚动一次就停下了，晕，一直也没再去理会，你有时间就自己再整理一下了），代码如下： <TABLE width="100%" align="center" cellPadding=0 cellSpacing=0 background=newbbs.files/bg4.gif> <TBODY> <TR> <TD align=left> <DIV id=mmove style="OVERFLOW: hidden; WIDTH: 100%; HEIGHT: 160px"> <DIV id=mmove1 style="100%"> 你的公告信息（最好七八条信息啦，呵。。） </DIV> <DIV id=mmove2></DIV></DIV> <SCRIPT language=JavaScript src="scrollword.js" type=text/javascript></SCRIPT> </MARQUEE></TD></TR></TBODY></TABLE>

JS代码： var speed=50 mmove2.innerHTML=mmove1.innerHTML function Marquee(){ if(mmove2.offsetTop-mmove.scrollTop<1) mmove.scrollTop-=mmove1.offsetHeight else{ mmove.scrollTop++ } } var MyMar=setInterval(Marquee,speed) mmove.onmouseover=function() {clearInterval(MyMar)} mmove.onmouseout=function() {MyMar=setInterval(Marquee,speed)}

具体怎么整合应该不需要再说了吧。

还有一种显示方面，就是信息按一定数量批次显示，比如先显示三条信息，过几秒再显示后三条信息，看你喜欢哪一种了。

</TD></TR> </TBODY> <SCRIPT language=javascript> // document.write(pic.tBodies[0].innerHTML) </SCRIPT> </TABLE> </DIV> <SCRIPT language=javascript> // function picScroll() { pic.style.pixelTop=(pic.style.pixelTop-1)%(pic.clientHeight/2); if(pic.style.pixelTopf) timer1=setTimeout('picScroll()',8) // else timer1=setTimeout('picScroll()',7000) // } picScroll(); </SCRIPT>