让人跌眼镜的Marquee用法

最新推荐文章于 2012-12-11 16:43:58 发布

最新推荐文章于 2012-12-11 16:43:58 发布 · 229 阅读

文章标签：

博客介绍了嵌套Marquee标签的使用，展示了屏幕保护效果的代码示例。还介绍了Marquee参数behavior的不同取值（scroll、alternate、slid）及其效果，并给出了不同参数设置下的嵌套Marquee代码示例，体现编写代码的乐趣。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Marquee都会用，嵌套的Marquee你试过？

来字经典论坛的沧海水朋友着实让人大跌眼镜:D

屏幕保护效果:

<marquee height="400" direction="up" width="500" bgcolor="#3366cc">
<marquee height="50" direction="left" width="100%">
<font style="font-size: 35px; color:#fff">MARQUEE</font>
</marquee>
</marquee>

再来个参数behavior="alternate"

scroll：Marquee根据direction设置的方向滚动，文本滚到头以后再重头开始，这是默认值。.
alternate：Marquee的内容到达容器的边缘后又按照相反的方向滚动回来，周而复始，形成周期
slid：Marquee根据direction设置的方向滚动，到边缘就停止滚动，不再重复

就变成下面的

<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">
我被墙撞回@_@!
</marquee>
</marquee>
</td>
</tr>
</table>
51js的小恐龙朋友继续发挥

<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">
≮『屏幕上的代码』≯
</marquee>
</marquee>
</td>
<td width="468">
<marquee direction="up" behavior="alternate" scrollamount=1 height="60">
<marquee direction="left" scrollamount=4 behavior="alternate" width="468">
体验编写代码的乐趣 Ξ 研究更深入的技术
</marquee>
</marquee>
</td></tr></table>