javascript滑动div左/右

Question

Hy guys！我想制作div的滑动切换效果。以下是我的html文件中的代码。我的div是500px宽×50px高。当在div内的第一个图像上按下时，我想让它在屏幕上向左/向右滑动。这是一个包含一些图标的工具箱。 left - left.jpg的第一张图片应该是swop图片（某种按钮 - 这是一个向左的箭头，移动div后，这个箭头应该指向右侧 - 我的意思是图片应该改变）。我查看了网页，看到了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>  

Answer 1

作为第三个参数，你可以通过在动画完成后，将被解雇的功能。这样的事情：

$("#slide").animate({marginLeft:'500px'},'slow', function(){ 
    $("img#clicky").attr("src", "right.jpg"); 
});