html - 如何创建一个即使在导航到其他页面时仍然保留的静态标题 (lala.com)

Question

我对这种方式很感兴趣lala.com作品。它们有一个固定在浏览器顶部的 header ，并且其中有一个 Flash 音乐播放器。

您可以单击站点中的其他链接，它们会显示在标题下方，但标题不会中断，可以继续播放音乐。

如果目标是现代浏览器，例如 IE8 和 FF 3.6，实现此目标的最佳方法是什么？

感谢您的帮助。

Answer 1

框架/iframe

实现此目的的一种方法是创建一个 frameset或使用 iframes显示子页面。顶部(或底部)框架将是一个非常小的框架，并且包含您的音乐播放器。大框架将包含正在浏览的页面。这种技术被使用，例如Google 在点击 image search result 时显示.

此方法有其缺点:用户将在地址栏中看到您的 URL，而不是正在浏览的页面之一。如果用户在地址栏中输入内容，他们将离开您的框架集。这是不可能的，例如记下当前页面的 URL。

Ajax

第二种更好的方法是构建一个导航，通过 AJAX 将其他页面加载到当前页面。查看示例实现 here .这将提供平滑加载，音乐将继续播放。如果做得好，甚至可以保留不会破坏外部引用的健康链接结构，并让“后退”按钮起作用。我链接到的教程涵盖了这两个方面。请注意，这是一个由 3 部分组成的教程。不过，它只能在启用 JavaScript 的情况下工作，但是有一些解决方案可以优雅地降级(当 JavaScript 关闭时，回到切换页面的“正常”行为)。