?
Lv 6
? 發問時間: 電腦與網際網路程式設計 · 1 0 年前

滑鼠移過去發出音效的語法怎麼寫?CSS

滑鼠移過去到文字或圖上可以發出音效的語法要怎麼寫?

是寫在CSS裡嗎?CSS能不能辦到?

還是寫在HTML?

還是要用JavaScript?

需要簡潔有力。

2 個解答

評分
  • Flora
    Lv 7
    1 0 年前
    最佳解答

    讓網頁中的連結在滑鼠按下或是移上時出現音效,很酷的程式,這組程式還有個最大的特點,就是能讓你在同一張網頁上,出現連結不同的音效,可以由你自行設定音效,你可以讓訪客在網頁上聽到嗚嗚阿阿唉呦,很有意思(音效檔自己去找呦)<HEAD>

    <bgsound src="#" id="soundeffect" loop=1 autostart="true" />

    <script type="text/javascript">

    /***********************************************

    * Visit http://www.dynamicdrive.com/ for hundreds of DHTML scripts

    * This notice must stay intact for legal use

    ***********************************************/

    var soundfile="sidebar.wav" //設定音效檔的路徑

    function playsound(soundfile){

    if (document.all && document.getElementById){

    document.getElementById("soundeffect").src=""

    document.getElementById("soundeffect").src=soundfile

    }

    }

    function bindsound(tag, soundfile, masterElement){

    if (!window.event) return

    var source=event.srcElement

    while (source!=masterElement && source.tagName!="HTML"){

    if (source.tagName==tag.toUpperCase()){

    playsound(soundfile)

    break

    }

    source=source.parentElement

    }

    }

    </script>

    </HEAD>

    安裝說明: 在上面程式中第七行有一段指令 var soundfile="sidebar.wav",此處是設定音效檔的路徑網址,記得要修改正確 這裏有個音效檔可以提供,下載後請解壓縮.你也可以自己找一個喜歡的 .wav 檔置入使用 接下來是最重要的設定說明,要設定連結出現音效,有以下幾種方式: 單獨設定某連結出音效:<a href="連結網址" onMouseover="playsound(soundfile)">連結會有音效</a>或是<a href="#" onMouseover="playsound('可用不同音效檔.wav')">連結會有音效 2</a> 對一連串的目錄群組設定音效,以下方式可讓在 <DIV> 到 </DIV> 之間的所有連結都出現音效:<div id="coolmenu" onMouseover="bindsound('A', soundfile, this)"><a href="http://blog.roodo.com/javamagic/%22%3EJAVA%E9%AD%9... href="http://blog.roodo.com/rainlock/%22%3E%E6%BA%AB%E6%... href="http://blog.roodo.com/yomiuri/%22%3E%E5%92%8C%E9%A... href="http://peterskyhands.blogspot.com/%22%3EPetersky's Place</a></div> 如果你要讓網頁中所有的連結都帶音效而且是同一個音效的話,在 <BODY.......> 中加進 onMouseover="" 語法,成為 <BODY onMouseover="bindsound('A', soundfile, this)"> 即可CSS無法辦到吧!因為我還沒看過…這是屬JavaScript的語法,但可以貼在html的網頁裡執行,如果您懂得基本網頁製作的方法,就可以在上述範例語法做些變化改變到自己想要的完美網頁…希望能幫助到你..

  • 5 年前

    簡單的 javascript 使用 audio API 即可解決:

    (file.wav可以更換為你的音訊檔名)

    var snd = new Audio("file.wav");

    snd.play();

    更詳細說明可以進入我的網誌,謝謝!

    參考資料: www.daliyuse.blogspot.tw/2015/10/blog-post.html
還有問題?馬上發問,尋求解答。