javascript - 在 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

声音被放置在一个空的 Span 中

当脚本启动时，JavaScript 会在一个空的 span 标签内放置一个 embed 标签。因此，您需要在 HTML 页面正文中的某处添加以下 span 文件，最好靠近文档顶部：

<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>