onClick图像切换音乐

时间:2015-08-15 01:23:13

标签: javascript jquery html audio

我想制作一张图片,当我点击它时,可以打开和关闭音乐。我准备使用jquery,javascript和或bootsrap。 这是我的榜样。

    <head>
    <style>
    #music{
    display:hidden;
    }
    </style>
    <img src="image url" id="image" onClick="function"/>
    <audio src="music" id="music"></audio>

我已经有音乐了。

1 个答案:

答案 0 :(得分:1)

您的HTML:

<img src="image url" id="image"/>
<audio src="music" id="music" style="display: none"></audio>

您的jQuery

$(document).ready(function(){
$("#image").click(function() {
$("#music").toggle();
});
});

删除display:hidden的样式,您就可以了。 ;)

修改:我删除了您的onclick="",当您使用jQuery时,不需要它。事实证明,.click处理程序在我的经验中更有效率。