javascript滑动div左/右

Question

嗨伙计们！我想制作div的幻灯片切换效果。下面是我的html文件中的代码。我的div是500px宽，50px高。当按下div内的第一个图像时，我想让它在屏幕上向左/向右滑动。这是一个包含几个图标的工具箱。左边的第一个图像 - 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");
});