JS实现按钮添加背景音乐示例代码
程序员文章站
2022-03-07 17:37:55
1-代码
j...</div>
<div class="content">
<p><strong>1-代码</strong></p>
<div class="jb51code">
<pre class="brush: javascript;">
<html>
<head>
<meta charset="utf-8">
<title>js实现按键声</title>
</head>
<body>
<ul>
<li>
<a href="menu-list" rel="external nofollow" rel="external nofollow" rel="external nofollow" >主页</a>
</li>
<li>
<a href="menu-list" rel="external nofollow" rel="external nofollow" rel="external nofollow" >详情</a>
</li>
<li>
<a href="menu-list" rel="external nofollow" rel="external nofollow" rel="external nofollow" >列表</a>
</li>
</ul>
<script language="javascript">
$(function() {
$('menu-list').click(function() {
$('btn-bgm').remove();
$('body').append('<embed src="button.wav" autostart="true" hidden="true" loop="false" class = "btn-bgm">');
});
});
</script>
</body>
</html></pre>
</div>
<p><strong> 2-描述</strong></p>
<p>事先给节点绑定事件,点击后出发添加背景音乐</p>
<p><span style="color: #ff0000"><strong>总结</strong></span></p>
<p>以上所述是小编给大家介绍的js实现按钮添加背景音乐示例代码，希望对大家有所帮助
</p> </div>
<div class="info-pre-next">
<p>
上一篇： <a href="/article/95901.html">
老生常谈JavaScript面向对象基础与this指向问题 </a>
</p>
<p>
下一篇： <a href="/article/95903.html">
WPS的ppt演示中如何插入相关的动画效果以进入效果为例 </a>
</p>
</div>
<div class="wz_tuijian">
<p>
推荐阅读 </p>
<ul>
<li>
<a href="/article/2348031.html" target="_blank" title="利用js动态添加删除table行的示例代码_javascript技巧">
<h2>
利用js动态添加删除table行的示例代码_javascript技巧 </h2>
</a>
</li>
<li>
<a href="/article/2328928.html" target="_blank" title="JS实现一键回顶功能示例代码_javascript技巧">
<h2>
JS实现一键回顶功能示例代码_javascript技巧 </h2>
</a>
</li>
<li>
<a href="/article/2327458.html" target="_blank" title="JS动态添加与删除select中的Option对象(示例代码)_javascript技巧">
<h2>
JS动态添加与删除select中的Option对象(示例代码)_javascript技巧 </h2>
</a>
</li>
<li>
<a href="/article/2327309.html" target="_blank" title="vue.js 实现点击按钮动态添加li的方法">
<h2>
vue.js 实现点击按钮动态添加li的方法 </h2>
</a>
</li>
<li>
<a href="/article/2325506.html" target="_blank" title="js实现局部页面打印预览原理及示例代码_javascript技巧">
<h2>
js实现局部页面打印预览原理及示例代码_javascript技巧 </h2>
</a>
</li>
<li>
<a href="/article/2324352.html" target="_blank" title="HTML+CSS+JS实现堆叠轮播效果的示例代码">
<h2>
HTML+CSS+JS实现堆叠轮播效果的示例代码 </h2>
</a>
</li>
<li>
<a href="/article/2312353.html" target="_blank" title="JS实现的添加弹出层并完成锁屏操作示例">
<h2>
JS实现的添加弹出层并完成锁屏操作示例 </h2>
</a>
</li>
<li>
<a href="/article/2303753.html" target="_blank" title="html中实现消息按钮上增加数量角标的示例代码分享">
<h2>
html中实现消息按钮上增加数量角标的示例代码分享 </h2>
</a>
</li>
<li>
<a href="/article/2302501.html" target="_blank" title="使用html2canvas.js实现页面截图并显示或上传的示例代码">
<h2>
使用html2canvas.js实现页面截图并显示或上传的示例代码 </h2>
</a>
</li>
<li>
<a href="/article/2302136.html" target="_blank" title="js实现网页的两个input标签内的数值加减(示例代码)">
<h2>
js实现网页的两个input标签内的数值加减(示例代码) </h2>
</a>
</li>
</ul>
</div>
</article>
</div>
</main>
<footer><div class="box"><div class="ft_nav"><div class="ft_about"><p>关于网站</p><ul><li><a href="/sitemap.xml" target="_blank" title="网站地图">网站地图</a></li><li><a href="/list/2/" title="最新程序员文章站">最新程序员文章站</a></li></ul></div><div class="ft_contact"><ul><li>本站所有数据收集于网络如有侵犯到您的权益，请联系我们进行下架处理。</li><li class="email_show"></li></ul></div></div><div class="copyright"><div class="cr_left"><p> 备案号：<a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">粤ICP备20058927号</a></p><p>© Copyright © 2020-2022 www.superweb999.com 程序员文章站. </p></div></div></div></footer> </body>
</html>