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

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

html frame背景音乐,利用 frameset 框架实现切换网页时不刷新背景音乐(不会中断)...相关推荐

  1. html frame背景音乐,如何切换网页时背景音乐不停止播放_html/css_WEB-ITnose

    如题,做了几个网页,首页加入背景音乐后,切换网页音乐就停止了,想从首页切换别的页面时候音乐不停止,除非关闭网页才停止的那种,有没有大神知道的 回复讨论(解决方案) 切换时把背景音乐播放暂停,把暂停的时 ...

  2. html 背景音乐自动暂停,如何切换网页时背景音乐不停止播放_html/css_WEB-ITnose

    如题,做了几个网页,首页加入背景音乐后,切换网页音乐就停止了,想从首页切换别的页面时候音乐不停止,除非关闭网页才停止的那种,有没有大神知道的 回复讨论(解决方案) 切换时把背景音乐播放暂停,把暂停的时 ...

  3. 运用frame、frameset框架不显示问题

    今天偶然用了一次frame\frameset框架标签,作为不常用标签,果然出问题了. 写了一个简单的测试demo,给大家分享一下出错的地方. 在默认页面中嵌入了三个frame,在浏览器跑起来,结果,页 ...

  4. html 利用 frameset 进行简单的框架布局

    参考 w3cschool 上面提到frameset 不要和body 同时使用 index.html代码 <html> <frameset rows="50%,50%&quo ...

  5. html frameset边框,frameset框架集(示例代码)

    frame使用注意事项: 1.frame不能脱离frameset单独使用 2.frame不能放在body标签中,不然不起效果. 3.frame的高度只能由frameset来决定. frameset:是 ...

  6. java_web1:基本标签、form表单、frameset框架标签、CSS样式、javascript、servlet

    前端三剑客: html,css,js(javascript) html: Hyper Text Markup Language:超文本标记语言 针对字体,图片,视频,音频等等进行操作,设置字体颜色,大 ...

  7. 快速的利用 Express 框架实现一个 Rustfull 接口的后端 Server

    快速的利用 Express 框架实现一个 Rustfull 接口的后端 Server 附:基于 Nodejs 的服务器后端的框架用的比较多的是 Koa : github/kaojs/koa 但本文这里 ...

  8. Socket在iOS客户端上的简单实现 - 利用GCAsyncSocket框架

    Socket在iOS客户端上的简单实现 - 利用GCAsyncSocket框架 GCAsyncSocket 这是一个2003的开发出来的一个开源框架 首先把GCDAsyncSocket的.h和.m文件 ...

  9. 利用ZooKeeper框架在Vmware虚拟机中搭建3台Linux分布式集群

    利用ZooKeeper框架在Vmware虚拟机中搭建3台Linux分布式集群 概述 配置 具体步骤 node1虚拟机制作 安装及固定IP 关闭防火墙 JDK安装 关闭SELinux 虚拟机克隆 固定I ...

最新文章

  1. 深圳速度!这所筹建中的大学,迎来首任“掌门人”!
  2. 找到多个与名为“ Home”的控制器匹配的类型
  3. NIO网络编程实战之简单多人聊天室
  4. 后端传给前端 无限极分类_学徒|记者亲身体验垃圾分拣,臭到崩溃!我们还有什么理由不做垃圾分类?...
  5. 【Qt】数据库实战(一)
  6. 第一步:python下PyGame的下载与安装
  7. 剑指offer——面试题24:二叉搜索树的后序遍历序列
  8. A9财务管理软件与金蝶、用友财务管理软件功能比较表(一)
  9. burpsuite2.0破解版使用说明
  10. 所有的I/O端口都是兼容CMOS和TTL 表示什么意思
  11. 屏蔽恼人的QQ迷你首页
  12. 成功解决hostname ‘xxx‘ doesn‘t uniquely match the interface ‘ens33‘ selected for the management bridge
  13. 如何用matlab对两个行向量作图_matlab 绘图与图形处理(二)
  14. 谷歌浏览器配置微信浏览器_在 Chrome (谷歌浏览器) 中模拟微信内置浏览器
  15. uniapp小说阅读
  16. Linux之Platform设备驱动
  17. 怀孕也就36-40周足够,而芯片54周交期伤心欲绝了!
  18. 在vue项目中使用html2canvas截图(固定区域截图)
  19. 关于linux下的xinetd服务
  20. 《Python基础教程》第2章读书笔记(1)

热门文章

  1. form表单target属性运用
  2. iframe中的target属性
  3. keil4和keil5分别安装在同一台电脑
  4. c语言中printf格式大全,c语言printf()输出格式大全
  5. js 获取剪切板内容
  6. 高校毕业生数字经济就业创业报告
  7. V889d一键Root教程
  8. Lui-简洁、面向vlog博客、专注视频领域的主题
  9. 指定 legend颜色
  10. 教你go语言如何使用go module进行golang库依赖管理