在选框中弹跳的代码在 Google Chrome 浏览器中不起作用...为什么会这样?
代码是:
<marquee height=200 width=1200 behavior=alternate>...</marquee>
什么行为将在 Google Chrome 中起作用?
在选框中弹跳的代码在 Google Chrome 浏览器中不起作用...为什么会这样?
代码是:
<marquee height=200 width=1200 behavior=alternate>...</marquee>
什么行为将在 Google Chrome 中起作用?
在这里,您想使用 JavaScript 来实现:
http://jscroller2.markusbordihn.de/example/alternate/
最好的方法是使用上面的库。该站点提供了有关如何从头开始实现它的示例和文档。链接的示例实现类似于您想要的<marquee>
标签 with 现在已弃用。
祝你好运!
代码当然是正确的。问题可能是宽度太大了。如果文本不比宽度宽,为什么要移动文本?
在jsfiddle上查看这个最小的工作示例。
出于演示目的,我添加了一个绿色边框以查看其marquee
工作原理。更改高度时,您可以看到空白增加,但文本仅保留在一行中。
只是玩弄width
and 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
,正如其他人所述,该标签不再是标准的一部分。也许您可以查看一些 JavaScript,其功能比这个过时的标签还要多。