JavaScript的使用絕對

所以我試着寫JS代碼，使圖片以幻燈片增加後的大小，然後顯示一個按鈕保存圖像位置。我想出了圖片大小和按鈕，但我使用絕對位置設置爲新大小圖片位置的問題之一。我的問題是：JavaScript的使用絕對

1），我不知道如何關閉窗口後，把圖片給他以前的地方。

2）按無處不在，但在圖像（不是必須的。

3）不動只是顯示同樣的畫面用大卵石模糊圖像關閉窗口（可能會解決所有的問題）。

我正在做一個學校項目，我需要知道代碼如何工作我知道如何閱讀代碼並理解它，但對於一些愚蠢的原因，如果我們使用包，我們需要了解包代碼也是請沒有包:);

對不起長期閱讀，但感謝的助手

PS。沒有做幻燈片，但是我只是想確保構建它 JS之前，我可以做到這一切：

<script> 
    $('#Test').click(function(){ 
     $('#Test').animate({ 
      height: screen.height * .45, 
      right: screen.width * .35, 
      left: screen.width * .2, // heigth/2 
      top:'200px' // width/2 
     }); 

    }); 

</script>

HTML：

<img src="Pics/up-arrow.png" id="Test"/>

CSS：

#Test{ 
width = 400px; 
position:absolute; 
}

來源

2016-01-21 saarsc

你可能看使用removeAttr()和簡單地刪除動畫添加到元素

內聯樣式0

$('#Test').removeAttr('style');

或者您可以使用$('#Test').data()來存儲您的事件之前需要什麼，並用它來以後事後恢復的事情

var $el = $('#Test'); 
$el 
    .data('dimensions',{height: $el.height(), width:$el.width()}) 
    .animate(/* opts */)

然後重置：

$el.animate($el.data('dimensions'));

DEMO

來源

2016-01-21 18:54:38 charlietfl

這項工作（使用的第一個選項），但你知道如何： 1）使背景模糊畫面2 ）動畫畫面回到自己的位置？ – saarsc

JavaScript的使用絕對

回答

相關問題