2016-10-28 18 views
0

の上にマウスのスクロールこのjqueryのマーキーを停止するには、それはは、どのように私は、次のjqueryのマーキーを使用していた

<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
 
<script type="text/javascript" src="http://cdn.jsdelivr.net/jquery.marquee/1.3.1/jquery.marquee.min.js"></script> 
 

 
<script type="text/javascript"> 
 
$('.marquee').marquee({ 
 
    //speed in milliseconds of the marquee 
 
    duration: 10000, 
 
    //gap in pixels between the tickers 
 
    gap: 100, 
 
    //time in milliseconds before the marquee will start animating 
 
    delayBeforeStart: 0, 
 
    //'left' or 'right' 
 
    direction: 'left', 
 
    //true or false - should the marquee be duplicated to show an effect of continues flow 
 
    duplicated: true 
 
}); 
 
</script>
.marquee { 
 
    width: 300px; 
 
    overflow: hidden; 
 
    border: 1px solid #ccc; 
 
    background: #ccc; 
 
}
<div class="marquee">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
...... .. jqueryの内いずれかの解決策があるマウスオーバーで止めることができませんでした

+0

divタグ – Mox

+0

からクラス「マーキー」を削除する方法マウスオーバーでクラスを削除するにはどうすればよいですか? – Vishnu

答えて

1
$(".marquee").on("mouseover", function(e){ 
    $(this).marquee("toggle"); 
}); 

は、アニメーションを一時停止し、再開する「トグル」メソッドを使用します。

+0

ありがとうございました。クラスが削除されましたが、スクロールが停止できませんでした.. :( – Vishnu

+0

私はトグルを使用するようにansを更新しました。 – Mox

+1

もう一度ありがとう!!その作業... :) – Vishnu

関連する問題