JavaScript 实现点击按钮播放背景音乐的代码示例
作者:半夏时间:2026-10-23 01:47:46浏览:320
本文介绍如何使用 JavaScript 在用户点击按钮时动态添加并播放背景音乐。通过预先绑定事件监听器,在点击触发后移除旧音频节点并插入新的 embed 标签,实现简单的按钮音效反馈功能。
JavaScript 按钮播放背景音乐实现
1-代码
<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>
2-描述
预先为节点绑定事件,点击后触发添加背景音乐
总结
上述内容是小编介绍的JS实现按钮添加背景音乐示例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对本站网站的支持!
作者最新文章
JavaScript闭包与类(Class)的区别及适用场景对比
2026-11-05 15:48:57
JavaScript入门要学ES6吗?let与箭头函数等新特性解析
2026-11-05 14:49:16
JavaScript 8种数据类型详解:基本类型与引用类型的区别
2026-11-05 14:25:15
怎么在JavaScript中使用async/await优化Ajax异步流程
2026-11-05 13:56:15
JavaScript replace回调函数实现动态正则替换逻辑
2026-11-05 13:52:13
