最近制作一个传统类型的网站，需要使用到背景音乐。但是大家知道，在网页模板中全部加上背景音乐效果，如果弹出新窗口，就会造成重复播放，如果在本页打开，则会造成音乐重头播放。
如何解决这个问题??事实上，我以前做过类似的效果，就是使用IF框架。问题是，框架的宽高有限，而每个网页的高度都是不一样的。以前做的效果是一个企业站，每个网页做到一样高还可以做到。内容采用CSS控制自动滚动条即可。但是这个一个大网站，栏目众多，采用以前的解决方法是不现实的。
互联网就是好，在google之后，终于找到JS解决方案。鄙视一下百度，搜出来的全是没用的东西。
首先，在网站根目录下面建立一个文件 index.html输入以下内容：
==================================
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>继强太极拳俱乐部 JiQiang TAIJI Club WEB SITE</title>
<meta name=Keywords content=太极拳，陈氏太极拳，洪式太极拳 />
<meta name=Description content=继强太极拳文化俱乐部成立于2008年8月8日，是由陈氏太极拳第二十世正宗传人李振伟先生发起,其弟子李继强、卢振海创办的太极拳组织。其前身是：“山东育龙武馆”。俱乐部总部设在中国著名的武术之乡、书画之乡、戏曲之乡、牡丹之乡，山东省菏泽市。/>
<script type=text/javascript>
<!--
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]
//extra height in px to add to iframe in FireFox 1.0+ browsers
var FFextraHeight=getFFVersion>=0.1? 16 : 0
function dyniframesize(down) {
var pTar = null;
if (document.getElementById){
pTar = document.getElementById(down);
}
else{
eval('pTar = ' + down + ';');
}
if (pTar && !window.opera){
//begin resizing iframe
pTar.style.display="block"
if (pTar.contentDocument && pTar.contentDocument.body.offsetHeight){
//ns6 syntax
pTar.height = pTar.contentDocument.body.offsetHeight+FFextraHeight;
}
else if (pTar.Document && pTar.Document.body.scrollHeight){
//ie5+ syntax
pTar.height = pTar.Document.body.scrollHeight;
}
}
}
-->
</script>
<style type="text/css">
<!--
*{margin: 0px;}
-->
</style></head>
<body>
<iframe name="down" width="100%" frameborder="0" src="index.html" scrolling="no" id="down" onload="javascript:dyniframesize('down');"
/></iframe>
</body>
</html>
==================================
OK，到此，网页的框架已经全部完成。IE6 火狐 谷歌浏览器均测试通过。 下面要做的事情就简单了，就是给网页加上背景音乐。
使用<bgsound src="1.mid" loop="infinte">代码加上，IE测试成功，火狐和谷歌测试失败。晕，再找。
<embed src="1.wma" hidden="true" height="0" width="0" loop="true" />
OK，IE 火狐 谷歌浏览器均测试成功。但是，可是，但可是，可但是，居然的竟然。。。
在IE中，网页的最下面居然有一行白边。在火狐和谷歌中没有此问题。我真是疯狂，这狗P的IE。。。
如何解决呢???
抽口烟先。。。。
突然我想起了挂马，大家应该都被挂过马，挂马都是宽高都是0的if框架，而我本身已经使用了一个框架了，那就不在乎再多使用一个框架!
新建了一个song.html文件在根目录，将背景音乐代码加入到其中。然后在index.htm页面底下再加入一个if
<iframe src="song.html" width="0" height="0" ></iframe>
测试成功，所有浏览器都支持!!
注意事项：背景音乐会导致网页打开速度变慢，而且占用流量比较大，因此并不推荐网站使用背景音乐。
第二，IF对于搜索引擎并不友好，因此，如果没有特别需要，不要使用IF框架。
第三，使用IF框架也要做好网页的SEO工作，关键词简介什么的都不能少。
第四，如果你有更好的方法请告之。
需要说明的是，每个虚拟主机都可以设置不同的首文件。如果是使用星外的虚拟主机是可以自己在主机管理面板里面调整的。调整顺序为
index.htm index.html index.asp 这样。
使用新网互联的虚拟主机是不可以调整的，但是默认就是按照上面的排序排列的。
设置好排序之后，浏览器会自动的访问到你的第一个网页，第一个没有找第二个，依此类推。
文章首发地方网络工作室，转载请保留链接! http://www.difangla.com/Html/jishu/jiqiao/48016910336.html
