div的id已知,想让两个div互换位置,并且具有动画效果,希望能给出解决方法,最好能有简易代码,多谢
3条回答
- Go 旅城通票 2016-04-25 09:49关注
<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>
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥30 这是哪个作者做的宝宝起名网站
- ¥60 版本过低apk如何修改可以兼容新的安卓系统
- ¥25 由IPR导致的DRIVER_POWER_STATE_FAILURE蓝屏
- ¥50 有数据,怎么建立模型求影响全要素生产率的因素
- ¥50 有数据,怎么用matlab求全要素生产率
- ¥15 TI的insta-spin例程
- ¥15 完成下列问题完成下列问题
- ¥15 C#算法问题, 不知道怎么处理这个数据的转换
- ¥15 YoloV5 第三方库的版本对照问题
- ¥15 请完成下列相关问题!