1

JS フィドル: http://jsfiddle.net/Kpj3b/19/

それは最初は大丈夫ですが、すぐに不安定で暴力的になります。ポイントAからポイントBへの素敵な滑らかな正弦波を作りたいと思っています.

私の数学で何か提案はありますか? 

$("#ball").stop().animate({'border-spacing': 400 },{ 
    step: function(p, fx) {
        s = Math.sin(p);
        y = s * 50 + 150;
        console.log(s);
        var move = {top: y + "px", left: p + "px"};
        $(fx.elem).css(move);
    }, duration: 10000, complete: function () { $("#ball").remove(); }
});

PS: jquery.path.js を使用しないようにしています。

4

1 に答える 1

2

を指定しないと、easingデフォルトで になります'swing'。これが、次第に「暴力的」に見える理由です。'linear'イージングを指定して、必要な効果をさらに得ることができます。また、プロパティが変化する量も更新しました。border-spacingこれは、非常に高い場合、トゥイーンが少し離れすぎて見えないためです。

http://jsfiddle.net/ExplosionPIlls/Kpj3b/20/

于 2013-02-05T01:53:20.653 に答える