jquery - アニメーションオフセット（）。左

Question

私はこれを探していたるところにいました。そこにはいくつかの答えがありますが、どれも機能しません。

私がやりたいことは、ユーザーがボタンにマウスオーバーしたときに div をゆっくりと左に移動することだけです。

これはdivを動かすために機能します：

$("#myDiv").offset({left:-1000});

しかし、動きをアニメーション化しようとすると、動き自体が失敗します。

score 4 · Accepted Answer

あなたの要素のスタイリングはそれを左に動かす能力を与えますか？以下は私にとってはうまくいきます。

$("#myDiv").animate({left: '-=1000'});</ p>

上記のコメントのように、使用しているものを教えてください:)。

score 3 · Accepted Answer

このように.animate（）関数を使用します

$("#myDiv").animate({ left: '-1000' });

更新： 分割は左にフロートしているため、代わりにを使用してプロパティをアニメーション化できますmarginLeft。

$("#myDiv").animate({ marginLeft: '-1000' });

score 1 · Accepted Answer

これを行うには、jQuery のアニメーション機能を使用します。

$('button').mouseover(function () {
    $('#mydiv').animate({left: '100px'}, 'slow'); 
});

score 0 · Accepted Answer

ええ、正しい JavaScript ソリューションは既に回答で提供されています。css3 トランジションの使用を検討することもできます。私が今書いたjsFiddleをチェックしてください。

4 に答える 4