2011-11-06 71 views
1

我正在將圖片移動到某個位置,然後重定向到圖片應該位於相同位置的頁面。所有這些都是相對的,但效果並不好。 我想要做的是最終結果將是圖片的頂部是5%,左邊是5%。我有這麼多麻煩!有沒有辦法讓JQuery動畫不是相對的?

<script type="text/javascript"> 
$(document).ready(function() { 
    $('#Picture').fadeIn(1000).delay(1500).animate({'top': '2%', 'left': '-=37%', 'height': '-=50px'},2000); 
    }); 
</script> 

回答

0

只需卸下-=(或+=)部分:

$(document).ready(function() { 
    $('#Picture').fadeIn(1000) 
       .delay(1500) 
       .animate({ 
        'top': '5%', 
        'left': '5%' 
       }, 2000); 
}); 
+0

我仍然有問題,雖然與左動畫。圖片稍微向右移動(可能是我現在設置的5%)。如果有任何幫助,它從中心開始。 – Matt

+0

@Matt,調整百分比值以匹配新頁面上圖像的位置,或者我理解錯誤嗎? – Lapple

+0

我試過了,但如果瀏覽器更改大小,它不再匹配? – Matt

相關問題