在 JQuery/Javascript 中使用暫停/播放圖標實現背景音樂

Question

您好，提前謝謝您。 我對 JQuery/Javascript 很陌生，不確定如何使用暫停/播放圖標實現嵌入的背景音樂。 任何幫助將不勝感激。 提前致謝！

       <div id="toggle" class="play" style="width: 314px; height: 311px"></div>
       <script type="text/javascript"></script>



     $(document).ready(function() {
       $('#music').attr("class", "false");
        $('#toggle').bind("click", function() {

        if ($(this).attr("class") == "play")

        $(this).attr("class", "pause");


        else
        $(this).attr("class", "play");


        });

        });

Answer 1

聲音被放置在一個空跨中

JavaScript 在啟動腳本時將嵌入標簽放置在空 span 標簽內。 因此，您需要在 HTML 頁面正文的某處添加以下跨度文件，最好靠近文檔頂部：

<span id="dummy"></span>
Call the Script with an onmouseover or onclick Attribute

您需要添加的最后一件事是要在單擊或鼠標懸停時生成聲音的元素。 使用以下屬性之一調用腳本：

<a href="#" onclick="playSound('URL to soundfile');">Click here to hear a sound</a>

 <p onmouseover="playSound('URL to soundfile');">Mouse over this text to hear a sound</p>