在整个网站上连续运行 jQuery 动画答案

【问题标题】：Run jQuery animation continuously throughout entire website在整个网站上连续运行 jQuery 动画
【发布时间】：2010-06-22 03:47:12
【问题描述】：

我正在使用 jQuery 计时器插件 (plugins.jquery.com/project/timers) 在我的网站上运行颜色变化背景的无限循环：

jQuery(document).ready(function($) {
    $('body').everyTime(1,function() {
        $(this).animate({ backgroundColor: "#000000" }, 20000).animate({ backgroundColor: "#ffffff" }, 20000);
    });
});

现在，如果您在“主页”中并单击一个链接，它会将您带到相应的页面并重新启动动画。问题是，我希望动画不要重新启动，而是在整个站点中连续。

有什么办法吗？

只要您留在同一个域中，您能否运行一个不会在每次转到不同页面时停止并重新启动的脚本？

【问题讨论】：

标签： javascript jquery html animation

【解决方案1】：

你能运行一个不停的脚本吗每次你去一个不同的页面，只要你留下在同一个域中？

没有。

有什么办法吗？

我想您可以跟踪 cookie 中的当前颜色。当动画重新开始时，首先检查 cookie。我个人不是这个想法的粉丝，但它会起作用。

如果您希望它完全无缝 - 您需要使用 AJAX a la Facebook 加载每个新的内容页面，但提供动画背景的工作量非常大。

【讨论】：

+1，让它真正无缝的唯一方法是保持在同一页面上并加载动画周围的新内容。编辑：learned2spell

【解决方案2】：

您可能会在动画循环中将 AJAX 发布到脚本中，该脚本将当前动画状态保存到用户的会话变量中。页面加载后，从会话变量中指示的点开始动画。

【讨论】：