在游戏框中弹跳的代码在Google Chrome浏览器中无效...为什么会这样?
代码是:
<marquee height=200 width=1200 behavior=alternate>...</marquee>
Google Chrome中会有哪些行为?
答案 0 :(得分:7)
答案 1 :(得分:1)
在这里,您希望使用JavaScript来实现这一目标:
http://jscroller2.markusbordihn.de/example/alternate/
最好的方法是使用上面的库。该站点提供了有关如何从头开始实现它的确切示例和文档。链接的示例与<marquee>
标记的内容类似,现已弃用。
答案 2 :(得分:1)
代码当然是正确的。问题可能是宽度很大。如果文本不宽于宽度,文本为什么要移动?
在jsfiddle上查看这个最小的工作示例。
出于演示目的,我添加了绿色边框以查看marquee
的工作原理。更改高度时,您可以观察到空白增长,但文本仅保留在一个行中。
只需使用width
和height
。
<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,它们具有比这个过时标签更多的功能。