Marquee都会用,嵌套的Marquee你试过?
来字经典论坛的沧海水朋友着实让人大跌眼镜:D
<script type="text/javascript"> window.attachEvent('onload',function (){AutoSizeDIV('CODE_2410')}) </script>
HTML代码:
<marquee height="400" direction="up" width="500" bgcolor="#3366cc">
<marquee height="50" direction="left" width="100%">
<font style="font-size: 35px; color:#fff">Guo's Blog</font>
</marquee>
</marquee>
<marquee height="50" direction="left" width="100%">
<font style="font-size: 35px; color:#fff">Guo's Blog</font>
</marquee>
</marquee>
再来个参数behavior="alternate"
scroll:Marquee 根据 direction 设置的方向滚动,文本滚到头以后再重头开始,这是默认值。.
alternate:Marquee 的内容到达容器的边缘后又按照相反的方向滚动回来,周而复始,形成周期
slid:Marquee 根据 direction 设置的方向滚动,到边缘就停止滚动,不再重复
就变成下面的
<script type="text/javascript"> window.attachEvent('onload',function (){AutoSizeDIV('CODE_2066')}) </script>
HTML代码:
<table>
<tr>
<td bgcolor=#cc3300 width=468>
<marquee direction="down" behavior="alternate" scrollamount=1 height="60">
<marquee direction="right" behavior="alternate" scrollamount=4 width="468">
我被墙撞回@_@!GuoBlog.com
</marquee>
</marquee>
</td>
</tr>
</table>
<tr>
<td bgcolor=#cc3300 width=468>
<marquee direction="down" behavior="alternate" scrollamount=1 height="60">
<marquee direction="right" behavior="alternate" scrollamount=4 width="468">
我被墙撞回@_@!GuoBlog.com
</marquee>
</marquee>
</td>
</tr>
</table>
51js的小恐龙朋友继续发挥
<script type="text/javascript"> window.attachEvent('onload',function (){AutoSizeDIV('CODE_2158')}) </script>
HTML代码:
<table bgcolor="#EFEFEF">
<tr><td width="1" valign="top" >
<marquee direction="down" behavior="alternate" scrollamount=1 height="60">
<marquee direction="right" scrollamount=4 behavior="alternate" width="468">
≮『 Guo's Blog 』≯
</marquee>
</marquee>
</td>
<td width="468">
<marquee direction="up" behavior="alternate" scrollamount=1 height="60">
<marquee direction="left" scrollamount=4 behavior="alternate" width="468">
http://www.guoblog.com
</marquee>
</marquee>
</td></tr></table>
<tr><td width="1" valign="top" >
<marquee direction="down" behavior="alternate" scrollamount=1 height="60">
<marquee direction="right" scrollamount=4 behavior="alternate" width="468">
≮『 Guo's Blog 』≯
</marquee>
</marquee>
</td>
<td width="468">
<marquee direction="up" behavior="alternate" scrollamount=1 height="60">
<marquee direction="left" scrollamount=4 behavior="alternate" width="468">
http://www.guoblog.com
</marquee>
</marquee>
</td></tr></table>