Marquee的问题

时间:2014-12-25 06:55:15

标签: javascript html css

如何使用javascript停止marquee元素作为我的愿望?

让,

<marquee behavior="alternate" direction="right">hello</marquee>

当我把鼠标放在它上面时,我想停止移动文本你好。

感谢。

3 个答案:

答案 0 :(得分:3)

您只需添加内联行为更改:

<marquee behavior="alternate" onmouseover="this.scrollAmount = 0" 
onmouseout="this.scrollAmount=10" direction="right">hello</marquee>

DEMO

答案 1 :(得分:2)

演示 - http://jsfiddle.net/h4ww3jsv/

<marquee onmouseover="this.stop();" onmouseout="this.start();" behavior="alternate" direction="right">hello</marquee>

答案 2 :(得分:1)

下面的代码不适用于Mozilla v27

<marquee behavior="alternate" onmouseover="this.scrollAmount = 0" 
onmouseout="this.scrollAmount=10" direction="right">hello</marquee>

此问题的解决方法是使用以下代码

<marquee onMouseOver="this.setAttribute('scrollamount', 0, 0);" OnMouseOut="this.setAttribute('scrollamount', 6, 0);">Hello</marquee> 

小提琴:http://jsfiddle.net/3kedfyos/3/

我建议您还阅读https://developer.mozilla.org/en-US/docs/Web/HTML/Element/marquee