0

私は自分のphpWebサイトに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>

テキストの上にマウスを置いたときに、このスクロールテキストベースを静止させる必要があります。しかし、私は方法がわかりませんか？

返信してください

4

2 に答える 2

0

jquerymarqueeプラグインを使用してみることができます。デフォルトでは、ホバー時にマーキーが停止します。

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

于 2012-06-26T08:54:43.457 に答える
0

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");
});
于 2012-06-26T09:00:30.147 に答える