我有一个关于webkit marquee的问题。我有两个可变宽度的元素。(这两个元素的宽度相同),并且这两个元素都需要是选框。
然而,当内容溢出(比元素大)时,我需要一个字幕,如果没有,文本应该保持原样(没有滚动)。
我创建了一个JSFiddle作为示例:
长的和短的都需要通过CSS3选取字幕,而长的应该滚动,而短的不滚动。
<p class="long">Hi my name is John Doe</p>
<p class="short">Yeah!</p>
请记住,元素的内容是可变的(用javascript填
这就是我的问题所在。假设我有3个div标签,都是100像素宽的:
<--- DIV WIDTH --->
Text in div 1
Text in div two, it overflows
Text in div three
<--- DIV WIDTH --->
现在,我为div提供了这个css:
width:100px;
overflow:hidden;
我想要做的是,如果文本溢出,它会像字幕一样滚动,所以如果你稍等片刻,就可以看到所有的文本。但我只想让字幕显示文本是否溢出。
我该怎么做呢?
谢谢,托尼
我使用的是从右边到左边的字幕滚动。下面的代码运行良好。但它的滚动并不流畅。内容"Hover on me stop“闪烁或闪烁。我需要一个100%平滑的滚动下面的字幕。请帮帮我。是否可以没有javascript??
<marquee behavior='scroll' direction='left' scrollamount='3' onmouseover='this.stop()' onmouseout='this.start()'>Hover on me to stop</marque
我有一个向上滚动的字幕。
<marquee scrollamount="2" scrolldelay="0" direction="up">
Element One<br/>
Element Two<br/>
...
Element Five Hundred and Thrty-Seven <!-- ;) -->
</marquee>
现在,我想要实现的是,当元素结束时,没有空间,直到最后一个元素不再显示,但列表立即从头开始。我也希望字幕不要首先向上滚动,让第一个元素一个接一个地出现,而