【问题标题】:Positioning in javascript animationjavascript动画中的定位
【发布时间】:2013-11-04 16:17:33
【问题描述】:

假设我的代码中有两个 div:

div1 - 位置(100,100)

div2 - 位置(100,200)

我正在做一个 javascript 动画,我想知道是否有任何方法可以在屏幕上给它们相同的目标位置而不给它们两个不同的位置?

询问您是否需要更多信息!谢谢

【问题讨论】:

    标签: javascript animation jquery-animate position


    【解决方案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>
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2014-03-31
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-03-06
      • 1970-01-01
      • 1970-01-01
      • 2023-01-22
      相关资源
      最近更新 更多