每页加载后改变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动画方向

回答

相关问题