Marquee无法在Google Chrome中使用?

时间:2013-04-03 13:56:06

标签: html html5 google-chrome marquee

在游戏框中弹跳的代码在Google Chrome浏览器中无效...为什么会这样?
代码是:

 <marquee height=200 width=1200 behavior=alternate>...</marquee>

Google Chrome中会有哪些行为?

3 个答案:

答案 0 :(得分:7)

来自w3.org

  

不,真的。不要使用它。

另请注意,大多数用户总是发现大量的游戏。这就是为什么您可能不应该尝试使用JavaScript或其他方式模拟此行为。

答案 1 :(得分:1)

在这里,您希望使用JavaScript来实现这一目标:

http://jscroller2.markusbordihn.de/example/alternate/

最好的方法是使用上面的库。该站点提供了有关如何从头开始实现它的确切示例和文档。链接的示例与<marquee>标记的内容类似,现已弃用。

祝你好运!

答案 2 :(得分:1)

代码当然是正确的。问题可能是宽度很大。如果文本不宽于宽度,文本为什么要移动?

jsfiddle上查看这个最小的工作示例。

出于演示目的,我添加了绿色边框以查看marquee的工作原理。更改高度时,您可以观察到空白增长,但文本仅保留在一个行中。

只需使用widthheight

<marquee style="border: 1px solid green; width: 200px; height: 50px;">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent
    pellentesque malesuada nunc a placerat. Nulla facilisi. Maecenas facilisis
    consequat semper. Nullam eget dui libero. Maecenas eget est pretium arcu
    malesuada elementum. Proin quis quam auctor dolor pharetra blandit eget id
    tellus. Nunc at mattis nunc. In hac habitasse platea dictumst. Phasellus eu
    quam ac tellus tempor ornare id id nisi. Suspendisse vitae est elit, eu
    placerat risus. Nulla fringilla cursus libero sed imperdiet. Morbi et turpis
    diam, in commodo diam. Vivamus volutpat laoreet nibh, a facilisis augue
    tincidunt ac. Nulla at mi tortor.
</marquee>

请注意,marquee标签不再是标准的一部分,正如其他人所说。也许您可以查看一些JavaScripts,它们具有比这个过时标签更多的功能。