div的id已知,想让两个div互换位置,并且具有动画效果,希望能给出解决方法,最好能有简易代码,多谢
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script>
<style>#div1,#div2{width:100px;height:100px;border:solid 1px #000;position:absolute;left:100px;top:100px;background:#eee;}#div2{top:300px;left:300px}</style>
<input type="button" onclick="swap()" value="交换" />
<script>
function swap() {
var div1 = $('#div1'), div2 = $('#div2');
var p1 = div1.offset(), p2 = div2.offset();
div1.animate(p2, 1000); div2.animate(p1, 1000);
}
</script>
<div id="div1">div1</div><div id="div2">div2</div>
可以试试这个
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。