當(dāng)前位置:首頁(yè) >  站長(zhǎng) >  建站經(jīng)驗(yàn) >  正文

連續(xù)背景音樂(lè)制作方法 實(shí)戰(zhàn)全過(guò)程

 2008-09-11 01:08  來(lái)源:   我來(lái)投稿 撤稿糾錯(cuò)

  域名預(yù)訂/競(jìng)價(jià),好“米”不錯(cuò)過(guò)

最近制作一個(gè)傳統(tǒng)類型的網(wǎng)站,需要使用到背景音樂(lè)。但是大家知道,在網(wǎng)頁(yè)模板中全部加上背景音樂(lè)效果,如果彈出新窗口,就會(huì)造成重復(fù)播放,如果在本頁(yè)打開,則會(huì)造成音樂(lè)重頭播放。

如何解決這個(gè)問(wèn)題??事實(shí)上,我以前做過(guò)類似的效果,就是使用IF框架。問(wèn)題是,框架的寬高有限,而每個(gè)網(wǎng)頁(yè)的高度都是不一樣的。以前做的效果是一個(gè)企業(yè)站,每個(gè)網(wǎng)頁(yè)做到一樣高還可以做到。內(nèi)容采用CSS控制自動(dòng)滾動(dòng)條即可。但是這個(gè)一個(gè)大網(wǎng)站,欄目眾多,采用以前的解決方法是不現(xiàn)實(shí)的。

互聯(lián)網(wǎng)就是好,在google之后,終于找到JS解決方案。鄙視一下百度,搜出來(lái)的全是沒(méi)用的東西。

首先,在網(wǎng)站根目錄下面建立一個(gè)文件 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>繼強(qiáng)太極拳俱樂(lè)部 JiQiang TAIJI Club WEB SITE</title>
<meta name=Keywords content=太極拳,陳氏太極拳,洪式太極拳 />
<meta name=Description content=繼強(qiáng)太極拳文化俱樂(lè)部成立于2008年8月8日,是由陳氏太極拳第二十世正宗傳人李振偉先生發(fā)起,其*李繼強(qiáng)、盧振海創(chuàng)辦的太極拳組織。其前身是:“山東育龍武館”。俱樂(lè)部總部設(shè)在中國(guó)著名的武術(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)頁(yè)的框架已經(jīng)全部完成。IE6 火狐 谷歌瀏覽器均測(cè)試通過(guò)。 下面要做的事情就簡(jiǎn)單了,就是給網(wǎng)頁(yè)加上背景音樂(lè)。

      使用<bgsound src="1.mid" loop="infinte">代碼加上,IE測(cè)試成功,火狐和谷歌測(cè)試失敗。暈,再找。 

<embed src="1.wma" hidden="true" height="0" width="0" loop="true" /> 

OK,IE 火狐 谷歌瀏覽器均測(cè)試成功。但是,可是,但可是,可但是,居然的竟然。。。

在IE中,網(wǎng)頁(yè)的最下面居然有一行白邊。在火狐和谷歌中沒(méi)有此問(wèn)題。我真是瘋狂,這狗P的IE。。。

如何解決呢???

抽口煙先。。。。

突然我想起了掛馬,大家應(yīng)該都被掛過(guò)馬,掛馬都是寬高都是0的if框架,而我本身已經(jīng)使用了一個(gè)框架了,那就不在乎再多使用一個(gè)框架!

新建了一個(gè)song.html文件在根目錄,將背景音樂(lè)代碼加入到其中。然后在index.htm頁(yè)面底下再加入一個(gè)if

<iframe src="song.html" width="0" height="0" ></iframe>

測(cè)試成功,所有瀏覽器都支持!!

注意事項(xiàng):背景音樂(lè)會(huì)導(dǎo)致網(wǎng)頁(yè)打開速度變慢,而且占用流量比較大,因此并不推薦網(wǎng)站使用背景音樂(lè)。

第二,IF對(duì)于搜索引擎并不友好,因此,如果沒(méi)有特別需要,不要使用IF框架。

第三,使用IF框架也要做好網(wǎng)頁(yè)的SEO工作,關(guān)鍵詞簡(jiǎn)介什么的都不能少。

第四,如果你有更好的方法請(qǐng)告之。

需要說(shuō)明的是,每個(gè)虛擬主機(jī)都可以設(shè)置不同的首文件。如果是使用星外的虛擬主機(jī)是可以自己在主機(jī)管理面板里面調(diào)整的。調(diào)整順序?yàn)?/p>

index.htm index.html index.asp 這樣。

使用新網(wǎng)互聯(lián)的虛擬主機(jī)是不可以調(diào)整的,但是默認(rèn)就是按照上面的排序排列的。

設(shè)置好排序之后,瀏覽器會(huì)自動(dòng)的訪問(wèn)到你的第一個(gè)網(wǎng)頁(yè),第一個(gè)沒(méi)有找第二個(gè),依此類推。

文章首發(fā)地方網(wǎng)絡(luò)工作室,轉(zhuǎn)載請(qǐng)保留鏈接!   

申請(qǐng)創(chuàng)業(yè)報(bào)道,分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處,共同探討創(chuàng)業(yè)新機(jī)遇!

相關(guān)文章

熱門排行

信息推薦