7

画像の順序付けられていないリストに対して、自動スクロール/カルーセルのような機能を作成しようとしています。

含まれている div の上にマウスを移動すると、関数が呼び出されます。その関数は、上の余白をアニメーション化することです。<ul>

$(".thumbs").animate({"margin-top": (currentMargin - 10) + "px"}, function(){
     console.log("margin-top" + (currentMargin - 10) + "px");
     running=false;
     });

ログに必要なものの正しい値が表示されています。つまり、アニメーションは終了したと考えています...しかし、divで何も変更されていません。

アニメーション機能が意図したとおりに機能しない理由について、誰かが何か洞察を持っていますか?

ありがとう

4

1 に答える 1

17

「margin-top」の代わりに「marginTop」を使用してみてください。通常、CSS props を「border-something」または「margin-something」として使用する場合は、DHTML (styles.marginTop) で使用していたように、「正規化された」バージョンを使用することをお勧めします。

于 2009-01-26T21:00:28.907 に答える