Html 如何创建即使在导航到其他页面时仍保留的静态标题（lala.com）
我对工作方式很感兴趣。他们在浏览器顶部有一个固定的标题，里面有一个flash音乐播放器 您可以单击站点中的其他链接，它们显示在标题下方，但标题没有中断，可以继续播放音乐 如果目标是现代浏览器，比如IE8&FF3.6，那么实现这一目标的最佳方法是什么Html 如何创建即使在导航到其他页面时仍保留的静态标题（lala.com）,html,css,Html,Css,我对工作方式很感兴趣。他们在浏览器顶部有一个固定的标题，里面有一个flash音乐播放器 您可以单击站点中的其他链接，它们显示在标题下方，但标题没有中断，可以继续播放音乐 如果目标是现代浏览器，比如IE8&FF3.6，那么实现这一目标的最佳方法是什么 谢谢您的帮助。框架/Iframes 实现这一点的一种方法是创建或使用来显示子页面。顶部（或底部）框架将是一个非常小的框架，包含您的音乐播放器。大框架将包含正在浏览的页面。例如，谷歌在点击网页时会使用这种技术 这种方法有其缺点：用户将在地址栏中看到您的
谢谢您的帮助。框架/Iframes 实现这一点的一种方法是创建或使用来显示子页面。顶部（或底部）框架将是一个非常小的框架，包含您的音乐播放器。大框架将包含正在浏览的页面。例如，谷歌在点击网页时会使用这种技术 这种方法有其缺点：用户将在地址栏中看到您的URL，而不是正在浏览的页面。如果用户在地址栏中输入内容，他们将离开您的框架集。例如，无法写下当前页面的URL Ajax 第二个更好的方法是构建一个导航，通过AJAX将其他页面加载到当前页面中。请参见示例实现。 这将提供平滑加载，音乐将继续播放。如果做得好，甚至可以保持一个健康的链接结构，不会破坏外部引用，并让“后退”按钮工作。我链接到的教程涵盖了这两个方面。小心点，这是一个由三部分组成的教程。
不过，它只能在启用JavaScript的情况下工作，但也有一些解决方案可以优雅地降级（回到关闭JavaScript时切换页面的“正常”行为）。这个特定的示例lala.com是通过使用来完成的。除了框架，还可以使用ajax进行部分页面刷新。您可以进行部分页面刷新，而不是在每个操作上完全加载新页面。你可以通过仔细的编码来保持。库（以及许多其他库）使跨不同浏览器使用ajax变得非常简单编辑快速搜索显示jQuery的后退按钮插件有一个问题。因此，如果使用jQuery，可以使这种方法更加容易 下面是一些存根代码： HTML
Javascript是在我提供的关于如何处理书签和后退按钮的链接中提供的。很好，+1表示令人惊叹。我有点困惑。我使用firebug查看lala.com的源代码，虽然使用了iFrame，但它看起来并不像媒体播放器包含在其中。我错了吗？@stephen我想他们只是在使用Ajax，我看不到iFrame在起作用。
<html>
<head>
<!-- ... -->
</head>
<body>
<div id="music-header">
<!-- ...Music header content goes here -->
</div>
<div id="content">
<!-- ...Body of different pages goes here -->
</div>
</body>
</html>