JS实现按钮添加背景音乐示例代码


Posted in Javascript onOctober 17, 2017

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 相关文章推荐
jQuery中[attribute^=value]选择器用法实例
Dec 31 Javascript
原生js和jquery实现图片轮播特效
Apr 23 Javascript
JSON简介以及用法汇总
Feb 21 Javascript
JS组件Bootstrap实现下拉菜单效果代码
Apr 26 Javascript
JavaScript实现横线提示输入验证码随输入验证码输入消失的方法
Sep 24 Javascript
工厂模式在JS中的实践
Jan 18 Javascript
JavaScript数组去重的多种方法(四种)
Sep 19 Javascript
Node.js使用Koa搭建 基础项目
Jan 08 Javascript
angularjs实现的购物金额计算工具示例
May 08 Javascript
js JSON.stringify()基础详解
Jun 19 Javascript
layui富文本编辑器前端无法取值的解决方法
Sep 18 Javascript
原生js实现弹幕效果
Nov 29 Javascript
vue-cli之router基本使用方法详解
Oct 17 #Javascript
教你用Cordova打包Vue项目的方法
Oct 17 #Javascript
vue与TypeScript集成配置最简教程(推荐)
Oct 17 #Javascript
基于匀速运动的实例讲解(侧边栏,淡入淡出)
Oct 17 #Javascript
javascript 中模板方法单例的实现方法
Oct 17 #Javascript
vue滚动轴插件better-scroll使用详解
Oct 17 #Javascript
react中的ajax封装实例详解
Oct 17 #Javascript
You might like
点评山进PR-D3L三波段收音机
2021/03/02 无线电
PHP 源代码压缩小工具
2009/12/22 PHP
PHP,ASP.JAVA,JAVA代码格式化工具整理
2010/06/15 PHP
php 连接mysql连接被重置的解决方法
2011/02/15 PHP
wampserver改变默认网站目录的办法
2015/08/05 PHP
laravel 创建命令行命令的图文教程
2019/10/23 PHP
js常见表单应用技巧
2008/01/09 Javascript
15个款优秀的 jQuery 图片特效插件推荐
2011/11/21 Javascript
js动态添加删除,后台取数据(示例代码)
2013/11/25 Javascript
JQuery中Text方法用法实例分析
2015/05/18 Javascript
Jquery日历插件制作简单日历
2015/10/28 Javascript
基于jPlayer三分屏的制作方法
2016/12/21 Javascript
Bootstrap table表格简单操作
2017/02/07 Javascript
JS 插件dropload下拉刷新、上拉加载使用小结
2017/04/13 Javascript
Angular.js组件之input mask对input输入进行格式化详解
2017/07/10 Javascript
基于Vue实现拖拽效果
2018/04/27 Javascript
解决angularjs service中依赖注入$scope报错的问题
2018/10/02 Javascript
js简单遍历获取对象中的属性值的方法示例
2019/06/19 Javascript
详解基于 Node.js 的轻量级云函数功能实现
2019/07/08 Javascript
angularjs模态框的使用代码实例
2019/12/20 Javascript
python实现简单名片管理系统
2018/11/30 Python
浅析pip安装第三方库及pycharm中导入第三方库的问题
2020/03/10 Python
在脚本中单独使用django的ORM模型详解
2020/04/01 Python
Python数据可视化实现多种图例代码详解
2020/07/14 Python
如何真正的了解python装饰器
2020/08/14 Python
详解使用HTML5 Canvas创建动态粒子网格动画
2016/12/14 HTML / CSS
JD Sports瑞典:英国领先的运动时尚商店
2018/01/28 全球购物
迪士尼法国在线商店:shopDisney FR
2020/12/03 全球购物
制药工程专业毕业生推荐信
2013/12/24 职场文书
学习自我鉴定
2014/02/01 职场文书
大学辅导员事迹材料
2014/02/05 职场文书
户外活动策划方案
2014/03/12 职场文书
村干部培训方案
2014/05/02 职场文书
甜品店创业计划书
2014/09/21 职场文书
GTX1660显卡搭配显示器推荐
2022/04/19 数码科技
关于Redis的主从复制及哨兵问题
2022/06/16 Redis