jQuery動畫底部div

我嘗試使用jQuery animate移動特定的div。但是，它不適用於div，但適用於img。這裏是我的代碼（它不工作）：jQuery動畫底部div

<body> 
<script type="text/javascript"> 
$(document).ready(function() { 
    $('#clickme').hover(function() { 
     $('#lol').animate({ 
     bottom: '+=100', 
     left: '+=100' 
     }, 5000, function() { 
     // Animation complete. 
     }); 
    }); 
}); 
</script> 
<div id="clickme"> 
    Click here 
</div> 
<div id="lol" style="width: 500px; border: 1px solid #000; display: block;">aaaaaa</div> 
</body>

但是這樣一來，將工作：股利絕對或相對的

<body> 
<script type="text/javascript"> 
$(document).ready(function() { 
    $('#clickme').hover(function() { 
     $('#book').animate({ 
     bottom: '+=100', 
     left: '+=100' 
     }, 5000, function() { 
     // Animation complete. 
     }); 
    }); 
}); 
</script> 
<div id="clickme"> 
    Click here 
</div> 
<img id="book" src="http://img.labnol.org/images/2008/03/firefox-google-logo.jpg" alt="" width="266" height="113" 
    style="position: relative; left: 10px;" /> 

</body>

來源

2011-09-19 die

'animate（）'只有當你的元素被定位時使用：'position：absolute'或'position ：relative'。 – f0x