Question

我想停止鼠标滑动显示并开始鼠标移出。
我在堆栈溢出中看到了一些建议。
因为我没有得到任何解决方案（可能根据我的代码理解其他代码是我的错。所以因为我正在给我的代码）。

<marquee height="80%" width="600px" direction="left" scrolldelay="120" align="middle">
<div class="itemMar"><img src="http://static.ddmcdn.com/gif/storymaker-best-hubble-space-telescope-images-20092-514x268.jpg" width="120px" height="120px" border="5"/><br /><p style="text-align: center;">name</p><p style="text-align: center;">0123456789</p><p style="text-align: center;">ssc</p>
    </div>
  <div class="itemMar"><img src="http://static.ddmcdn.com/gif/storymaker-best-hubble-space-telescope-images-20092-514x268.jpg" width="120px" height="120px" border="5"/><br /><p style="text-align: center;">name</p><p style="text-align: center;">0123456789</p><p style="text-align: center;">ssc</p>
    </div>
  <div class="itemMar"><img src="http://static.ddmcdn.com/gif/storymaker-best-hubble-space-telescope-images-20092-514x268.jpg" width="120px" height="120px" border="5"/><br /><p style="text-align: center;">name</p ><p style="text-align: center;">0123456789</p><p style="text-align: center;">ssc</p>
    </div>
  <div class="itemMar"><img src="http://static.ddmcdn.com/gif/storymaker-best-hubble-space-telescope-images-20092-514x268.jpg" width="120px" height="120px" border="5"/><br /><p style="text-align: center;">name</p ><p style="text-align: center;">0123456789</p><p style="text-align: center;">ssc</p>
    </div>

        </marquee>

Answer 1

试试这个

<marquee behavior="scroll" direction="left" onmousedown="this.stop();" onmouseup="this.start();"></marquee>

<marquee behavior="scroll" direction="left" onmouseover="this.stop();" onmouseout="this.start();"></marquee>

Answer 2

试试这个，

<marquee behavior="scroll" 
         direction="left"
         onmouseover="this.stop();"
         onmouseout="this.start();">Go on... hover over me!</marquee>

查看您的直播Demo

Answer 3

如果您不想编写内联JavaScript，可以将其放在JavaScript文件中：

marquee = document.getElementsByTagName('marquee')[0];
marquee.onmouseover = function(){
  this.stop();
}
marquee.onmouseout = function(){
  this.start();
}

这是一个演示： http://jsfiddle.net/8fymm/1/

如何在JavaScript中停止鼠标滑板显示？

3 个答案: