DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML入門知識 >> 10.2 網頁插入背景音樂
10.2 網頁插入背景音樂
編輯:HTML入門知識     

一、bgsound標簽簡介

在網頁中可以為某個網頁設置背景音樂,使用的是bgsound標簽。bgsound是用以插入背景音樂,但只適用於IE浏覽器,在Firefox等中未必適用。

語法:

<bgsound src="背景音樂的地址"/>

說明:

bgsound,是background sound的縮寫。背景音樂的文件可以是avi、mp3等聲音文件。“背景音樂的地址”可以是相對路徑,也可以是絕對路徑。強烈不推薦使用絕對路徑。

舉例:

 
<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
    <bgsound src="media/西班牙舞曲.mp3"/>
</body>
</html>

分析:

使用bgsound加入背景音樂與使用embed加入音頻不一樣,加入音頻是有操作界面的,加入背景音樂是沒有操作界面的。

二、bgsound屬性

1、loop

對於bgsound標簽,除了掌握src屬性,我們還掌握一個loop屬性就足夠了。

通常情況下,背景音樂需要不斷地播放,可以通過設置loop屬性來實現循環次數的控制。

語法:

<bgsound src="背景音樂的地址" loop="播放次數">

說明:

loop="2"表示重復2次,loop="infinite"表示無限次循環播放,也可以使用loop="-1"表示無限次循環播放。

使用bgsound設置背景音樂,當窗口最小化時就自動暫停播放,窗口恢復時,繼續播放。讀者可以試一試。

設置網頁背景音樂時常用的方法除了使用bgsound標簽,還有使用embed標簽和object標簽。

舉例:

 
<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
    <form name="form1" method="post" action="index.html">
        <bgsound src="media/西班牙舞曲.mp3" loop="infinite"/>
    </form>
</body>
</html>

注意,背景音樂bgsound標簽在IE浏覽器中才有效。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved