將div移動到其他div上使用jquery

我想讓div移動到頁面的底部，而不移動我下面的div。我只是希望它在不中斷其餘頁面的情況下向下移動。將div移動到其他div上使用jquery

這是我的jquery：

$(document).ready(function() { 
    $('#MoveMe').click(function() { 
     $('#MoveMe').animate({ 
      marginTop: "+=1000px" 
     }, 1500); 
    }); 
});

這是我的CSS：

#MoveMe { 
    height: 200px; 
    width: 200px; 
    margin: 10px, 30px; 
    background-color: blue; 
    text-align: center; 
    z-index: 1; 
    cursor: pointer; 
} 

#NoMove { 
    z-index: 2; 
    margin-top: 20px; 
} 

Header { 
    position: absolute; 
}

這是我的HTML的身體：

<body> 

    <Header> 
     <div id = "MoveMe"> 
      <p> Hello </p> 
     </div> 

     <div id = "NoMove"> 
      hi 
     </div> 
    </Header> 

    <script src= "jquery.js" ></script> 
    <script src= "jqueryPage.js" ></script> 

</body

來源

2013-05-19 tyler1234

你將不得不使用'position：absolute;' – PitaJ

使用：'#MoveMe {position}：absolute; }' – Joe

的#MoveMe元素上嘗試position: absolute;。

來源

2013-05-19 20:01:57 plalx

絕對的位置是要走的路。但我也會添加你也應該看看使用關鍵幀動畫而不是使用JavaScript間隔來執行動畫。查看這些預先製作的動畫以獲得一個很好的參考http://daneden.me/animate –

將div移動到其他div上使用jquery

回答

相關問題