Question

       <marquee direction="up" scrollamount=2 id="whatshappening">
    <ul>
       <li class="Whats-Happening-row" >
        <p class="Donationmade"><span></span><a href="#">Ravi Donated for Storm in Bangalore</a></p>
        <p class="underlinewhatsHappening"></p>
      </li>
      <li class="Whats-Happening-row ">
        <p class="Donationmade"><span></span><a href="#">Ravi Donated for Storm in Bangalore</a></p>
        <p class="underlinewhatsHappening"></p>
      </li>
     </ul>
        </marquee>

嗨，ppl，

我使用一个简单的选框来向上移动我的文字。当它在每个li标签上移动时，所有的li应该停止旋转，因为链接可以被查看，当我将鼠标移出它时，它应该恢复向上移动。你能告诉我如何继续使用JQUERY ??? 。提前谢谢。

Answer 1

使用onmouseover="this.stop();"和onmouseout="this.start();"：

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

<强> Working Demo

Answer 2

您可以使用scrollAmount = 0来完成这项工作。它会阻止标签移动

   <marquee onmouseover="this.scrollAmount = 0;" onmouseout="this.scrollAmount = 2" direction="up" scrollamount=2 id="whatshappening">

<强> Demo

Answer 3

试试这个

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

Answer 4

<script type="text/javascript">
        var isOpera = !!window.opera || navigator.userAgent.indexOf(' OPR/') >= 0;
        // Opera 8.0+ (UA detection to detect Blink/v8-powered Opera)
        var isFirefox = typeof InstallTrigger !== 'undefined';   // Firefox 1.0+
        var isSafari = Object.prototype.toString.call(window.HTMLElement).indexOf('Constructor') > 0;
        // At least Safari 3+: "[object HTMLElementConstructor]"
        var isChrome = !!window.chrome && !isOpera;   // Chrome 1+
        var isIE = /*@cc_on!@*/false || !!document.documentMode;   // At least IE6
        function MarqueStart() {

            if (isChrome) {
                mrq.start();

            }
            else {
                mrq.setAttribute('scrollamount', 0, 0);

            }
        }
        function MarqueStop() {
            if (isChrome) {
                mrq.stop();
            }
            else {
                mrq.setAttribute('scrollamount', 2, 0);
            }
        }


    </script>

Answer 5

marquee mouseover已在firefox中被破坏，因为：v27 链接：bugzilla.mozilla.org/show_bug.cgi ID = 984040 所以大多数建议的修复都无济于事。在这里找到答案，但它打破了其他一切：链接：support.mozilla.org/en-US/questions/987386 在我磕磕绊绊的时候，我在一起修复了当前版本的ff（即chrome）。这是jsfiddle： http://jsfiddle.net/atlbike/9snwd6ga/8/

     <marquee id="myMarquee" onMouseOver="this.setAttribute('scrollamount',  0, 0);" OnMouseOut="this.setAttribute('scrollamount', 2, 0);" >Hello Go on... hover over me!</marquee>

Jquery示例：

$("#myMarquee").mouseenter(function(){
  document.getElementById("myMarquee").stop();
});
$("#myMarquee").mouseleave(function(){
  document.getElementById("myMarquee").start();
});

基本上，我发现在使用mozilla网站的修复程序时，停止/启动的jquery调用会起作用。我还必须修复最近忽略动态缩放的chrome bug。我很快就会把它们放在我的博客上。你可以在这里看到修复：atlbike.org 不知道链接是否可以在这里工作，不记得我是否曾在这里发布过？ HTH

选框移动应该在鼠标悬停时停止并开始休假？

5 个答案: