0

マーキーを作成するために、この jqueryプラグイン、つまり「The Silky Smooth Marquee」を使用しています。

HTML

<div class="news_marquee">

<a href="1.php">aaaaa</a>  <a href="2.php">bbbb</a>  <a href="3.php">ccc</a>

</div>

Javascript スニペット:

$('.news_marquee').marquee().mouseover(function () {
  $(this).trigger('stop');
}).mouseout(function () {
  $(this).trigger('start');
});

その結果、カーソルをマーキーに置くと一時停止しますが、カーソルがクラス内のタグにdivある場合にのみ一時停止したい;anews_marque

次のコードで試しました

    $('.news_marquee').marquee();
    $('.news_marquee a').mouseover(function () {
    $('.news_marquee').trigger('stop');
    }).mouseout(function () {
    $('.news_marquee').trigger('start');
    });

しかし、それは機能しません。

私が望むものを達成する方法は？

編集:左から右へのマーキーが開始すると、マーキーが左端に到達するまでに時間がかかり、その間に左端の横の空白にマウスを置くと、マーキーは一時停止しますが、一時停止したいマウスがaタグ上にある場合のみ。つまり、カーソルを空白に置いても一時停止してはいけません。

4

3 に答える 3

0

Jquery is メソッド ( http://api.jquery.com/is/ ) と組み合わせて target プロパティを使用します。

$('.news_marquee').mouseover(function (e) {
    if ($(e.target).is('a')) {
        // Hovers anchor tag!
    }
}
于 2013-04-02T13:47:55.907 に答える