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

时间: 2024-08-29 12:21:19

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

0908期 HTML Frameset框架和选择器

frameset框架 frameset与body没法同时使用,frameset用来分割页面,frame在frameset用于引用其他网页 1 <frameset rows="100,*" frameborder="no">    --上下分,第一行100像素,剩余为第二行:rows换成cols,则上下分变为左右分.frameborder="no",去掉分割线. 2 <frame src="页面地址" nore

android利用apkplug框架实现主应用与插件通讯(传递随意对象)实现UI替换

时光匆匆,乍一看已半年过去了,经过这半年的埋头苦干今天最终有满血复活了. 利用apkplug框架实现动态替换宿主Activity中的UI元素.以达到不用更新应用就能够更换UI样式的目的. 先看效果图: 首先理解OSGI服务的基本概念,例如以下图 1.首先定义一个java接口(interface)用于规范宿主与插件之间的通讯协议 interface  com.apkplug.osgi.service.showView void showView(Bundle bundle,View v,int i

实现CSS制作网页时绝对居中问题

利用负边距方法,绝对定位使容器相对屏幕绝对居中,此时的被嵌套容器只能为绝对大小.(标准)根据margin负值和top left的比例控制,实现随屏幕绝对居中,容器大小改变需要重新调整margin top left的参数: <div style="background:#f00; width:740px; height:340px; left:50%; margin:-170px 0 0 -370px; position:absolute; top:50%;"></di

制作网页时Div与Table的区别

1.制作效率 我想没人反对表格的制作效率要高于Div的效率.很明显Div布局代码全部都要手写.即使你在熟悉代码,也没有 Dreamweaver生成来的快吧!所以Table可以很容易建立起结构化的界面,通过table自身的参数定义,我们能把页面布局很快定义成我们所需要的效果. 2.浏览器的兼容问题 table和div在兼容问题中,table更具有优势. 我们常用的IE6.0,IE7.0火狐Firefox浏览器对div css设置上非常挑剔,往往同一个css在2种浏览器上会有不同的结果,对设计制作人

Frameset框架

总结一下.通过使用Frameset框架,可以在同一个浏览器窗口中显示不止一个页面. 先举个例子: 1 <frameset rows="100,*" cols="*" frameborder="no" border="0" framespacing="0"> 2 <frame src="top.html" name="topFrame" scrolli

android利用apkplug框架实现主应用与插件通讯(传递任意对象)实现UI替换

时光匆匆,乍一看已半年过去了,经过这半年的埋头苦干今天终于有满血复活了. 利用apkplug框架实现动态替换宿主Activity中的UI元素,以达到不用更新应用就可以更换UI样式的目的. 先看效果图: 首先理解OSGI服务的基本概念,如下图 1.首先定义一个java接口(interface)用于规范宿主与插件之间的通讯协议 interface  com.apkplug.osgi.service.showView void showView(Bundle bundle,View v,int ind

HTML框架(frameset框架集和iframe内嵌框架)

HTML框架:1.frameset框架集2.iframe内嵌框架 1.frameset框架集 1.1 创建框架网页的步骤: (1)创建各个子窗口对应的HTML文件 (2)创建整个框架文件,分别引用子窗口文件 1.2 创建框架页面的基本语法:  <frameset cols="25%,50%,*" row="50%,*" border="5">  <frame src="top.html"> ......

DIV CSS制作网页时易犯的错误总结

CSS+DIV是网站标准(或称"WEB标准")中常用的术语之一,通常 为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用css+div的 方式实现各种定位.应用应用DIV+CSS编码时很容易犯一些错误.本文列举了一些常见的错误: 1. 检查HTML元素是否有拼写错误.是否忘记结束标记 Webjx.Com 即使是老手也经常会弄错div的嵌套关系.可以用dreamweaver的验证功能检查一下有无错误. 网页教学

[转]Android中Xposed框架篇—利用Xposed框架实现拦截系统方法

一.前言 关于Xposed框架相信大家应该不陌生了,他是Android中Hook技术的一个著名的框架,还有一个框架是CydiaSubstrate,但是这个框架是收费的,而且个人觉得不怎么好用,而Xposed框架是免费的而且还是开源的,网上也有很多文章介绍了Xposed框架的原理实现,不了解的同学可以自行查阅即可,本文主要介绍如何通过这个框架来进行系统方法的拦截功能,比如我们开发过程中,对于一些测试环境很难模拟,特别是测试同学有时候像随机改变设备的imei,mcc等信息用来模拟不同测试场景,这时候