JS实现按钮添加背景音乐示例代码
程序员文章站
2022-06-24 17:28:54
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/1518834.html">
jQuery实现的页面遮罩层功能示例【测试可用】 </a>
</p>
<p>
下一篇： <a href="/article/1518836.html">
Ajax登陆使用Spring Security缓存跳转到登陆前的链接 </a>
</p>
</div>
<div class="wz_tuijian">
<p>
推荐阅读 </p>
<ul>
<li>
<a href="/article/2140072.html" target="_blank" title="为radio类型的INPUT添加客户端脚本(附加实现JS来禁用onClick事件思路代码)">
<h2>
为radio类型的INPUT添加客户端脚本(附加实现JS来禁用onClick事件思路代码) </h2>
</a>
</li>
<li>
<a href="/article/2133564.html" target="_blank" title="js jquery分别实现动态的文件上传操作按钮的添加和删除">
<h2>
js jquery分别实现动态的文件上传操作按钮的添加和删除 </h2>
</a>
</li>
<li>
<a href="/article/2115845.html" target="_blank" title="JS实现点击按钮随机生成可拖动的不同颜色块示例">
<h2>
JS实现点击按钮随机生成可拖动的不同颜色块示例 </h2>
</a>
</li>
<li>
<a href="/article/2106435.html" target="_blank" title="利用js实现前后台传送Json的示例代码">
<h2>
利用js实现前后台传送Json的示例代码 </h2>
</a>
</li>
<li>
<a href="/article/2106309.html" target="_blank" title="p5.js实现斐波那契螺旋的示例代码">
<h2>
p5.js实现斐波那契螺旋的示例代码 </h2>
</a>
</li>
<li>
<a href="/article/2103898.html" target="_blank" title="使用Bootstrap + Vue.js实现添加删除数据示例">
<h2>
使用Bootstrap + Vue.js实现添加删除数据示例 </h2>
</a>
</li>
<li>
<a href="/article/2102403.html" target="_blank" title="js代码实现调用百度地图api，并在地图上进行打点，添加标注">
<h2>
js代码实现调用百度地图api，并在地图上进行打点，添加标注 </h2>
</a>
</li>
<li>
<a href="/article/2093705.html" target="_blank" title="JS实现手写parseInt的方法示例（代码）">
<h2>
JS实现手写parseInt的方法示例（代码） </h2>
</a>
</li>
<li>
<a href="/article/2089721.html" target="_blank" title="前端防止用户重复提交js实现代码示例">
<h2>
前端防止用户重复提交js实现代码示例 </h2>
</a>
</li>
<li>
<a href="/article/2087884.html" target="_blank" title="JS实现的点击按钮图片上下滚动效果示例">
<h2>
JS实现的点击按钮图片上下滚动效果示例 </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>