码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-03-07 14:19:52      阅读:792      评论:0      收藏:0      [点我收藏+]

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

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

<!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而只有声音。

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

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

原文地址:http://blog.csdn.net/jackeriss/article/details/44114115

(0)
(1)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!