每頁加載後改變jquery動畫方向

現在我想這個動畫在頁面重新載入後向後移動。

含義：圖片回到信封中。那麼，如果再次加載，圖片又來了，等...

這怎麼可能？

這裏是整個代碼了。還不能自我回答問題，而評論的跡象太少。

var div = $("#karte2"); 
function runIt() { 
div.show("slow"); 
div.animate({"marginTop": '-790px'}, 1000); 
div.animate({"marginTop": '-280px'}, 2000);now it works 
} 
runIt(); 
var div = $('#karte1'); 
$({ 
z: ~~div.css('zIndex') 
// ~~ to get an integer, even from non-numerical values like "auto" 
     }).animate({ 
      z: -1000 
     }, { 
      step: function() { 
       div.css('zIndex', ~~this.z); 
      }, 
      duration: 2000 
     });

來源

2011-12-21 hehe

顯示您的代碼。 – Scott 2011-12-21 12:51:42

現在它工作，因爲我想要它。我找到了一個解決方案，我可以在其中創建z-index的動畫。頁面加載後圖片的z-index再次降低。可能我在jquery中有過多的z-indexes設置。現在我把他們都刪除了。 var div = $（'＃karte1'）; $（{ Z：~~ div.css（ 'zIndex的'） // ~~得到一個整數，甚至像「自動」 \t \t \t非數值}）動畫（{ \t \t。 \t Z：-1000 \t \t \t}，{ \t \t \t步驟：功能（）{ \t \t \t div.css（ 'zIndex的'，~~ this.z）; \t \t \t}， \t \t \t持續時間：2000年 \t \t \t}）; – hehe 2011-12-21 13:16:32

您將不得不使用某種服務器端語言來保存動畫的狀態。 JS會在每個頁面加載時重置，所以如果你使用的是PHP，你可以設置一個SESSION變量，並根據它的值確定動畫的方向。

或者，但這是很難恕我直言，你可以使用JS餅乾： http://www.w3schools.com/js/js_cookies.asp

來源

2011-12-21 12:57:37

如果負載你的意思是一整頁刷新，那麼你必須保持一些服務器端狀態要執行和動態動作改變你的視圖來渲染那個動畫。另一方面，如果您使用AJAX，只需使用一個變量來存儲信封的「狀態」並相應地進行動畫處理。

來源

2011-12-21 12:59:35 lsoliveira

每頁加載後改變jquery動畫方向

回答

相關問題