javascript向左/向右滑动div答案

【问题标题】：javascript sliding div left/rightjavascript向左/向右滑动div
【发布时间】：2012-06-20 13:17:30
【问题描述】：

大家好！我想做一个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>

【问题讨论】：

您找到或尝试过您的代码了吗？
您想在按下图像时将图像向右浮动吗？
在询问之前您是否尝试过自己编写代码？如果是的话，你能把它也贴在这里吗？
大家好！感谢您的快速回复。这是一个测试链接：k-prim.biz/test/test.html
我发现这段代码接近我的需要，但它不会切换内容，我需要使用滑动内容内的切换图像/按钮

标签： javascript jquery

【解决方案1】：

作为第三个参数，您可以传递一个函数，该函数将在动画完成时触发。像这样的：

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

【讨论】：

是的，这适用于交换图像 - 谢谢！但是切换 div 呢？