-2

次のjqueryを適用しました。

$('.prev').on('mouseenter', function(){
        var $b = $('#banner img').parent('div');
        $b.animate({left: '-=100px'},1000);
    });

しかし、これは 50000 を追加すると、このように 1 秒までアニメーション化され、その後 50 秒までアニメーション化されますが、無制限の時間アニメーション化したいと考えています。どうやってやるの？

おっと！私のコンセプトは少し間違っていました。速度を定義すると、オブジェクトは 1 秒または 50 秒でアニメーション化されますが、私の場合.prev、オブジェクトをコンセプト$b に合わせてアニメーション化する必要があります。-=

4

3 に答える 3

0

おそらく、css3 キーフレーム アニメーションを使用する必要があります。

以下に例を示します: http://jsfiddle.net/hQQSd/

@-webkit-keyframes rotate {
    from{
        -webkit-transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
    }
}

#rotate {
    width:256px;
    height:256px;
    -webkit-animation: rotate 3s linear infinite;
}

ここで構文の詳細を確認できます: http://css-tricks.com/snippets/css/keyframe-animation-syntax/

于 2013-09-17T10:01:16.313 に答える
0

考えられる方法は、CSS ルールでアニメーションを定義し、jQuery イベントを使用して、必要な項目にクラスを追加することです。

アニメーションの定義では、使用

animation-iteration-count: infinite
于 2013-09-17T09:59:09.253 に答える