0

よし、これでほぼ完成だ!助けてくれた/道を示してくれたすべての人に感謝します。私はできる限りあなたに投票しました。最後に 1 つだけ質問があります。

このフィドルを見て、「増加」ボタンをクリックしてください: http://jsfiddle.net/2C8fy/6/

増加ボタンをクリックすると、画像がスムーズに左にスライドするようにするにはどうすればよいですか? 最初のものはそれをしますが、他のものはスライドしません。アニメーション機能で「左: '-=50px'」を使用してみましたが、これは画像間の間隔を台無しにしているようです (まだコメントアウトされているだけです。見たい場合はコメントのスラッシュを取り出してください)それは何をします...)。

4

1 に答える 1

0

Html / CSS 作業:

画像コンテナーを#basic_div絶対にします。コンテナー内の画像を別の div でラップし、それを呼び出します.frame

コンテナを作成し、コンテナposition: relative内にラッピング div を作成しposition absolute;left:0;top:0;ます。

画像の代わりに内側の div をアニメーション化できるようになりました。

JS:

減少すると、フレームの「左」プロパティを 50 ピクセル左にアニメートします。アニメーションの終了時に最初の画像を削除し、最初の画像leftのレイアウトがなくなったらすぐにフレーム プロパティを 0 にリセットします。これにより、ジャンプが発生しないことが保証されます。

于 2012-04-22T07:10:48.453 に答える