JS给按钮添加背景音乐实现方法

小云云 原创: 2018-01-15 13:30:10 2315浏览

给按钮添加背景音乐怎么实现？本文主要介绍JS实现按钮添加背景音乐示例代码,需要的朋友可以参考下，希望能帮助到大家。

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-描述

事先给节点绑定事件,点击后出发添加背景音乐.

相关推荐：

关于h5中背景音乐的自动播放效果的实现

为网页设置背景音乐_html/css_WEB-ITnose

php页面增添背景音乐控制停止/播放

以上就是JS给按钮添加背景音乐实现方法的详细内容，更多请关注php中文网其它相关文章！

javascript 背景音乐添加 PHP课程 HTML视频教程 CSS视频 JS视频教程 Vue视频教程

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。

上一条：vue组件之Alert详解下一条：vue-cli中router使用方法