2013-10-25 45 views
0

可以說,我有我的代碼兩個div:定位在JavaScript動畫

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>