0

みんな！divのスライドトグル効果を作りたいです。以下は、私のhtmlファイルのコードです。私のdivは幅500px、高さ50pxです。div内の最初の画像を押すと、画面上を左右にスライドさせたい。これは、内部にいくつかのアイコンを含むツールボックスです。左の最初の画像 - left.jpg はスワップ画像でなければなりません (ある種のボタン - これは左向きの矢印であり、div を移動した後、この矢印は右向きでなければなりません - つまり、画像を変更する必要があります)。Web を調べたところ、jQuery を使用したさまざまな例が見つかりましたが、ニーズに合った正確な解決策を見つけることができませんでした。私はこれが素晴らしいコミュニティであることを知っており、誰かがこれに対処するのを手伝ってくれることを願っています! 前もって感謝します！！！

<script> 
$(function(){
$("#clicky").click(function(){
    $("#slide").animate({marginLeft:'500px'},'slow');   
});
});
</script>
<div id="slide">
<img  id="clicky" src="left.jpg" width="15" height="15" />
Div Content here...</div>
4

1 に答える 1

0

3 番目の引数として、アニメーションが終了したときに起動される関数を渡すことができます。このようなもの：

$("#slide").animate({marginLeft:'500px'},'slow', function(){
  $("img#clicky").attr("src", "right.jpg");
});
于 2012-06-20T14:18:06.380 に答える