jquery scoll文本需要仍然在鼠標上方

Question

我已經在我的php網站中實現了jquery滾動文本。見我的代碼

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 

     $('.scrollingtext').bind('marquee', function() { 
      var ob = $(this); 
      var tw = ob.width(); 
      var ww = ob.parent().width(); 
      ob.css({ left: -tw }); 
      ob.animate({ left: ww }, 20000, 'linear', function() { 
       ob.trigger('marquee'); 
      }); 
     }).trigger('marquee'); 

    }); 
    </script> 

在主體部分

<div class="jp-title"> 

    <ul> 
    <li class="scrollingtext" > 

    <a href="index" >welcome </span> 

    </li> 
    </ul> 

</div> 

我需要讓這個滾動文本BAS還是當鼠標懸停上的文字。但我不知道如何？

請回復

Answer 1

你必須綁定一個mouseenter或hover事件的scrollingtext元素停止動畫，像這樣：我猜鼠標離開後要重新啓動

$(".scrollingtext").bind("mouseenter", function() { 
    $(this).stop(); 
}); 

滾動。試試這個：

$(".scrollingtext").bind("hover", function() { 
    // equivalent to mouseenter. stop() stops all animation 
    $(this).stop(); 
}, function() { 
    // equivalent to mouseleave. this triggers your already existing 'marquee' event 
    $(this).trigger("marquee"); 
}); 

Answer 2

您可以嘗試使用jquery marquee插件。默認情況下，它會在懸停時進行選取框停止。

http://remysharp.com/2008/09/10/the-silky-smooth-marquee/