jQuery的 - 动画时，页面更改

我有这样的网站：http://www.heinesiebrand.nl/demo/jQuery的 - 动画时，页面更改

当用户是“Home'页上，它看到在页面顶部的报价。当你到另一个页面时，消失。这现在发生在一个'硬'过渡中，我想用jQuery来平滑它。

我至今如下（注意：我使用Wordpress）：

<script type="text/javascript"> 
    <?php if (is_front_page()) { ?> 
      $("#animation").animate({ min-height: "140px" }, 500); 
    <?php } else { ?> 
      $("#animation").animate({ min-height: "40px" }, 500); 
    <?php } ?> 
</script>

并成为动画部分：

<div class="contentwidth-footer" id="animation" style="min-height: 35px;"> 
    <?php if (is_front_page()) { 
     display_tagline($post->ID); 
    } ?> 
</div>

这是不行的，所以你们有什么建议吗？谢谢！

来源

2011-06-07 priktop

你将很难做你想做的事情，因为链接是常规链接，因此会导致页面重新加载。您正在寻找的效果是在不重新加载的情况下动态加载内容的页面上创建的。 – AndrewR 2011-06-07 06:25:30

好的，谢谢你的回复。有没有办法做到这一点，即使使用页面重新加载？ – priktop 2011-06-07 06:29:40

使用像squidbe建议的卸载事件可能会使它更好一点。 – AndrewR 2011-06-07 06:37:52

你可以来没有“ajaxifying”最近的站点是淡出onunload的：

$(window).unload(function() { 
    $("#animation").fadeOut(); 
});

编辑：其实，我不认为甚至会做你想做的，因为它是后执行页面卸载 - 可能取决于浏览器。

来源

2011-06-07 06:35:32 squidbe

如果您设置动画载入，那么当新页面输入时它将始终加载，这与页面卸载时几乎完全相同。为了处理初始的第一个电话，你可以很少但服务器端代码 – eugeneK 2011-06-07 08:52:18

谢谢你们，但我放弃了这个想法，因为它不能工作。 – priktop 2011-06-07 09:14:20

jQuery的 - 动画时，页面更改

回答

相关问题