主题:  marquee的基本用法

=ridincal=
职务：管理员
等级：7
金币：20.0
发贴：5886
#12002/5/9 15:55:55
基本语法
<marquee> ... </marquee>

文字移动属性的设置

方向

<direction=#> #=left, right <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>

<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>



SatanZero
职务：普通成员
等级：1
金币：1.0
发贴：137
#22002/5/9 17:20:09
好极了！！！我正奇怪fp怎么没有上下的呢！！！



沉默是金
职务：普通成员
等级：6
金币：11.2
发贴：4357
#32002/5/9 20:25:14
好家伙,太棒了，怎么不早贴出来呀。


难人一个……

沉默是金
职务：普通成员
等级：6
金币：11.2
发贴：4357
#42002/5/9 20:26:25
SatanZero在上个帖子中说
引用:
好极了！！！我正奇怪fp怎么没有上下的呢！！！

<marquee direction=up>我在向上走！</marquee>
<marquee direction=down>我又下向走了</marquee>


难人一个……

夏灰草
职务：普通成员
等级：1
金币：1.0
发贴：143
#52002/5/11 16:31:48
清华网站的吧



5D非线性编辑版主
职务：版主
等级：7
金币：29.0
发贴：6498
#62002/5/11 21:08:04
很早就看过了,真是好东西



天使Angel
职务：普通成员
等级：1
金币：0.0
发贴：1
#72002/5/11 23:25:00
好啊



=ridincal=
职务：管理员
等级：7
金币：20.0
发贴：5886
#82002/5/12 0:44:00
补充个marquee的DW插件，几乎支持所有属性：
www.5dmedia.com/users/ridincal/f8223mxp.zip

编辑历史:[这消息被ridincal编辑过(编辑时间2002-05-12 09:43:55)]

这个鸭毛不太冷
职务：普通成员
等级：1
金币：0.0
发贴：13
#92002/6/3 10:00:49
楼上的，解压到哪个目录下啊？



=ridincal=
职务：管理员
等级：7
金币：20.0
发贴：5886
#102002/6/3 12:45:05
如果你已经安装了DW4/MX及其自带的插件管理器Extension Manager，就可以直接双击解压后的mxp文件安装，也可以用插件管理器的File-Install Extension功能安装；

topgun
职务：普通成员
等级：2
金币：1.0
发贴：366
#112002/6/20 19:39:08
好东西，随手收藏！~~
免的到用时再找！~~：）



daxin1023
职务：普通成员
等级：3
金币：2.0
发贴：906
#122003/2/21 12:47:46
ridincal在上个帖子中说
引用:
补充个marquee的DW插件，几乎支持所有属性：
www.5dmedia.com/users/ridincal/f8223mxp.zip

这个插件下过后不会用请指教啊。/



NudeAngel
职务：普通成员
等级：3
金币：10.0
发贴：793
#132003/2/22 17:10:10
补充一个无缝连接的循环滚动


<html>
<head>
</head>
<body>
<TD WIDTH=390 HEIGHT=99><MARQUEE  scrollAmount=4 scrollDelay=0 loop=1 width=390 height=99>
            <SCRIPT language=JavaScript>
   for(t=1;t<=1000;t++)
   document.write("11111111111112222222222222222233333333333333")
   
            
</SCRIPT>
             </MARQUEE></TD>
</body>
</html>



yidianyike
职务：普通成员
等级：1
金币：0.0
发贴：139
#142003/2/22 17:51:08
太爽了 还有么？

NudeAngel
职务：普通成员
等级：3
金币：10.0
发贴：793
#152003/2/22 20:55:35
另一种实现无缝连接循环滚动得方法

<div id=demo style=overflow:hidden;height:100px width:100px>
<div id=demo1>
<a href="#" target="_blank"><img src="http://www.5dmedia.com/bbs/icon/nudeangel.gif" width="80" height="80" 

border="0"></a>

<a href="#" target="_blank"><img src="http://www.5dmedia.com/bbs/icon/nudeangel.gif" width="80" height="80" 

border="0"></a>

<a href="#" target="_blank"><img src="http://www.5dmedia.com/bbs/icon/nudeangel.gif" width="80" height="80" 

border="0"></a>

<a href="#" target="_blank"><img src="http://www.5dmedia.com/bbs/icon/nudeangel.gif" width="80" height="80" 

border="0"></a>

<a href="#" target="_blank">nudeangel_2</a>

<a href="#" target="_blank">nudeangel_3</a>

<a href="#" target="_blank">nudeangel_4</a>

<a href="#" target="_blank">nudeangel_5</a>

<a href="#" target="_blank">inudeangel_6</a>

<a href="#" target="_blank">nudeangel_7</a>

</div>
<div id=demo2></div>
</div>
<script>
var t=demo.scrollTop
demo2.innerHTML=demo1.innerHTML
function nudeangelMarquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else
demo.scrollTop++
}
var repeat=setInterval(nudeangelMarquee,50);
demo.onmouseover=function() {clearInterval(repeat);}
demo.onmouseout=function() {repeat=setInterval(nudeangelMarquee,50);}
</script>