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动画中的定位的主要内容,如果未能解决你的问题,请参考以下文章

JavaScrip对象

JavaScrip和Java一样吗?

重新渲染 HTML 元素定位在 Javascript 幻灯片动画内的窗口调整大小

前端之JavaScript

javascrip变量和标识符

JavaScrip笔记心得(持续更新)