javascript动画中的定位
Posted
技术标签:
【中文标题】javascript动画中的定位【英文标题】:Positioning in javascript animation 【发布时间】:2013-11-04 16:17:33 【问题描述】:假设我的代码中有两个 div:
div1 - 位置(100,100)
div2 - 位置(100,200)
我正在做一个 javascript 动画,我想知道是否有任何方法可以在屏幕上给它们相同的目标位置而不给它们两个不同的位置?
询问您是否需要更多信息!谢谢
【问题讨论】:
【参考方案1】:不确定我是否理解您的问题。 像这样的东西? http://plnkr.co/edit/WKXV5amtwrQLefidmuAk?p=preview
$(document).ready(function ()
$('.movediv').animate(
top:'400',
left:'400'
,5000,function()
);
);
CSS:
div1
width:100px;
height:100px;
background-color:red;
position: absolute;
top:100px;
left:100px;
.div2
width:100px;
height:100px;
background-color:blue;
position: absolute;
top:100px;
left:200px;
和 html:
<body>
<div class="movediv div1"></div>
<div class="movediv div2"></div>
</body>
【讨论】:
以上是关于javascript动画中的定位的主要内容,如果未能解决你的问题,请参考以下文章