您的位置：首页 > Web前端 > HTML

利用 frameset 框架实现切换网页时不刷新背景音乐（不会中断）

2015-03-07 10:02 579 查看

当我们在网页中插入音乐播放器或背景音乐时，往往会遇到这样一个问题：音乐只在插入的网页播放，当我们切换网页时音乐会戛然而止，这时我们就想到能不能在每个网页中都插入背景音乐，然而这样也不会产生我们想要的结果，因为音乐会在你每次切换网页时从头播放。要解决这个问题，唯一的办法就是将背景音乐单独的放在一个网页中，然后保证在切换网页时只改变网页内容，而不刷新背景音乐。

<!DOCTYPE html>
<html>
<head>
</head>
<frameset rows="45,*" frameborder="no" border="0" framespacing="0">
<frame src="bgm.html" name="topFrame" scrolling="No" noresize="noresize" id="bottomFrame" title="bottomFrame" />
<frame src="home.html" name="mainFrame" id="mainFrame" title="mainFrame" />
</frameset>
<noframes>
<body>
</body>
</noframes>
</html>

在这里，我将音乐播放器放在了顶部高为45的框架内，这个框架显示的是bgm.html的内容，也就是说音乐播放器放在bgm.html中。下面另一个框架完全用来显示网站的内容，这里首先显示的是home.html也就是网站的首页，当我在首页中点击一个链接切换至网站中的另一个页面时，只会刷新下面的框架中的内容，而不会影响音乐的持续播放。若你要设置的不是音乐播放器而仅仅是背景音乐，将上面那个frame的高度45改为0即可，这样就不会显示bgm.html而只有声音。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： 框架音乐 html 背景音乐 frameset

相关文章推荐

新的分享

章节导航