javascript - javascript向左/向右滑动div

Question

嘿伙计们！我想做一个div的滑动切换效果。下面是我的html文件中的代码。我的 div 是 500px 宽 x 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");
});