最近制作一個傳統(tǒng)類型的網(wǎng)站，需要使用到背景音樂。但是大家知道，在網(wǎng)頁模板中全部加上背景音樂效果，如果彈出新窗口，就會造成重復(fù)播放，如果在本頁打開，則會造成音樂重頭播放。
如何解決這個問題??事實上，我以前做過類似的效果，就是使用IF框架。問題是，框架的寬高有限，而每個網(wǎng)頁的高度都是不一樣的。以前做的效果是一個企業(yè)站，每個網(wǎng)頁做到一樣高還可以做到。內(nèi)容采用CSS控制自動滾動條即可。但是這個一個大網(wǎng)站，欄目眾多，采用以前的解決方法是不現(xiàn)實的。
互聯(lián)網(wǎng)就是好，在google之后，終于找到JS解決方案。鄙視一下百度，搜出來的全是沒用的東西。
首先，在網(wǎng)站根目錄下面建立一個文件 index.html輸入以下內(nèi)容：
==================================
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ";
<html xmlns=";
<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日，是由陳氏太極拳第二十世正宗傳人李振偉先生發(fā)起,其*李繼強、盧振海創(chuàng)辦的太極拳組織。其前身是：“山東育龍武館”。俱樂部總部設(shè)在中國著名的武術(shù)之鄉(xiāng)、書畫之鄉(xiāng)、戲曲之鄉(xiāng)、牡丹之鄉(xiāng)，山東省菏澤市。/>
<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，到此，網(wǎng)頁的框架已經(jīng)全部完成。IE6 火狐 谷歌瀏覽器均測試通過。 下面要做的事情就簡單了，就是給網(wǎng)頁加上背景音樂。
使用<bgsound src="1.mid" loop="infinte">代碼加上，IE測試成功，火狐和谷歌測試失敗。暈，再找。
<embed src="1.wma" hidden="true" height="0" width="0" loop="true" />
OK，IE 火狐 谷歌瀏覽器均測試成功。但是，可是，但可是，可但是，居然的竟然。。。
在IE中，網(wǎng)頁的最下面居然有一行白邊。在火狐和谷歌中沒有此問題。我真是瘋狂，這狗P的IE。。。
如何解決呢???
抽口煙先。。。。
突然我想起了掛馬，大家應(yīng)該都被掛過馬，掛馬都是寬高都是0的if框架，而我本身已經(jīng)使用了一個框架了，那就不在乎再多使用一個框架!
新建了一個song.html文件在根目錄，將背景音樂代碼加入到其中。然后在index.htm頁面底下再加入一個if
<iframe src="song.html" width="0" height="0" ></iframe>
測試成功，所有瀏覽器都支持!!
注意事項：背景音樂會導(dǎo)致網(wǎng)頁打開速度變慢，而且占用流量比較大，因此并不推薦網(wǎng)站使用背景音樂。
第二，IF對于搜索引擎并不友好，因此，如果沒有特別需要，不要使用IF框架。
第三，使用IF框架也要做好網(wǎng)頁的SEO工作，關(guān)鍵詞簡介什么的都不能少。
第四，如果你有更好的方法請告之。
需要說明的是，每個虛擬主機都可以設(shè)置不同的首文件。如果是使用星外的虛擬主機是可以自己在主機管理面板里面調(diào)整的。調(diào)整順序為
index.htm index.html index.asp 這樣。
使用新網(wǎng)互聯(lián)的虛擬主機是不可以調(diào)整的，但是默認(rèn)就是按照上面的排序排列的。
設(shè)置好排序之后，瀏覽器會自動的訪問到你的第一個網(wǎng)頁，第一個沒有找第二個，依此類推。
文章首發(fā)地方網(wǎng)絡(luò)工作室，轉(zhuǎn)載請保留鏈接!
申請創(chuàng)業(yè)報道，分享創(chuàng)業(yè)好點子。點擊此處，共同探討創(chuàng)業(yè)新機遇！
