網站建設技術應用如何在鼠標觸發(fā)時給網頁添加聲音

2022-05-25 分類：網站建設

計算機應用程序的一個特點，是當你做某件事時會有反饋，最常見的反饋類型是聲音。當你選擇東西時，計算機會發(fā)出卡嗒聲，當出現(xiàn)錯誤時，計算機會發(fā)出蜂鳴聲，并發(fā)出其他噪音，提醒你注意情況。熟悉網站建設開發(fā)的人一定知道，但是網頁中沒有這種類型的反饋，這使他們顯得遲鈍或沒有反應。但現(xiàn)實中很多客戶有這種需求，如何在鼠標觸發(fā)時給網頁添加聲音呢？幸運的是網站建設技術可以實現(xiàn)，而且改變這一點很容易，使用動態(tài)HTML屬性和聲音，您就可以創(chuàng)建更像應用程序的網頁。

當客戶單擊某物時添加聲音

當客戶使用該屬性單擊某項時，以及客戶使用該屬性滾動某項時，此腳本將添加聲音效果。請確保在不同的瀏覽器中測試它們，因為并不是所有的Web瀏覽器都在鼠標懸停和單擊鏈接以外的元素上的屬性上進行處理。將以下腳本放在HTML文檔的頭部：

<script language="javascript" type="text/javascript">
function playSound(soundfile) {
document.getElementById("dummy").innerHTML= "<embed src=\""
+soundfile+"\" hidden=\"true\" autostart=\"true\"
loop=\"false\" />";
}
</script>

將聲音放置在空跨度中

當腳本啟動時，JavaScript將一個Embed元素放在一個空的span元素中。因此，您需要將以下SPAN標記添加到HTML頁面正文中的某個位置，最好是在文檔頂部附近：

<span id="dummy"></span>

使用屬性調用腳本

您需要添加的最后一件事是一個元素，您希望在單擊或鼠標懸停時生成聲音。使用以下屬性之一調用腳本。將UrlToSoundFile替換為要播放的聲音文件的完整URL：

<a href="#"onclick="playSound('UrlToSoundFile');">Click here to hear a sound</a>
<ponmouseover="playSound('UrlToSoundFile');">Mouse over this text to hear a sound</p>

這是整個HTML文檔，播放的是藍調的聲音。聲音文件存儲在HTML頁面所在的目錄中：

<!doctype html>
<html>
<head>
<meta charset="ISO-8859-1" />
<title>Example of How to Play a Sound on Click or on MouseOver</title><script language="javascript" type="text/javascript"> function playSound(soundfile) { document.getElementById("dummy").innerHTML= "<embed src=\""+soundfile+"\" hidden=\"true\" autostart=\"true\" loop=\"false\" />"; } </script> </head>
<body><span id="dummy"></span> <p><a href="#"onclick="playSound('zbluejay.wav');">Click here to hear a bird sing</a></p>
<ponmouseover="playSound('zbluejay.wav');">Or you can put your mouse over this paragraph to hear the same bird sound.</p>
</body>
</html>

新聞標題：網站建設技術應用如何在鼠標觸發(fā)時給網頁添加聲音
網頁路徑：http://www.2m8n56k.cn/news1/158701.html

網站建設、網絡推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有網站建設等

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：[email protected]。內容未經允許不得轉載，或轉載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內容

網站建設學會思維和策略上SEO優(yōu)化的重要性 2022-05-25
網站建設公司要想一直走下去留得住客戶是關鍵 2022-05-25
網站建設過程中應該注意的幾點事項？ 2022-05-25
網站建設中傷害用戶體驗的這三點你觸及了多少 2022-05-25
網站建設怎么設計一個大氣的網站 2022-05-25
網站建設公司怎么確保網站制作順利進行。 2022-05-25
為什么對企業(yè)來說響應式網站建設很重要？ 2022-05-25
合肥網站建設后需要維護嗎？企業(yè)網站代運營2000元/年！ 2022-05-25

中文字幕第五页-中文字幕第页-中文字幕韩国-中文字幕最新-国产尤物二区三区在线观看-国产尤物福利视频一区二区

網站建設技術應用如何在鼠標觸發(fā)時給網頁添加聲音