切换音乐的 onClick 图像
Posted
技术标签:
【中文标题】切换音乐的 onClick 图像【英文标题】：onClick image that toggles music 【发布时间】：2015-08-15 01:23:13 【问题描述】：我想制作一个图像，当我点击它时，可以打开和关闭音乐。我准备好使用 jquery、javascript 和/或 bootsrap。 这是我的例子。
<head>
<style>
#music
display:hidden;
</style>
<img src="image url" id="image" onClick="function"/>
<audio src="music" id="music"></audio>
我已经有音乐了。
【问题讨论】：
【参考方案1】：隐藏音频不会阻止它。你需要做的是使用audio.pause()和audio.play()
你可以像这样做一个切换功能：
var toggleSound = function()
if (audio.paused == false)
audio.pause();
else
audio.play();
;
要调用它，请将 $("#music").toggle(); 替换为 toggleSound();
这是一个现场示例http://jsfiddle.net/jTh3v/181/（我使用按钮而不是图像，但它是一样的）
【讨论】：
非常感谢我们，它工作得很好！！！！！！！！！！！！！！！我的网站现在比以往任何时候都好！【参考方案2】：您的 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 处理程序已被证明更有效。
【讨论】：
以上是关于切换音乐的 onClick 图像的主要内容，如果未能解决你的问题，请参考以下文章