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 相关文章推荐
JavaScript NodeTree导航栏(菜单项JSON类型/自制)
Feb 01 Javascript
JavaScript获取鼠标移动时的坐标(兼容IE8、chome谷歌、Firefox)
Sep 13 Javascript
上传图片预览JS脚本 Input file图片预览的实现示例
Oct 23 Javascript
JS实现点击按钮自动增加一个单元格的方法
Mar 09 Javascript
深入理解JS实现快速排序和去重
Oct 17 Javascript
微信小程序实战之登录页面制作(5)
Mar 30 Javascript
JavaScript设计模式之策略模式详解
Jun 09 Javascript
vue自动化表单实例分析
May 06 Javascript
vue源码学习之Object.defineProperty对象属性监听
May 30 Javascript
vue项目创建并引入饿了么elementUI组件的步骤
Apr 11 Javascript
简单了解vue中父子组件如何相互传递值(基础向)
Jul 12 Javascript
微信小程序自定义弹窗滚动与页面滚动冲突的解决方法
Jul 16 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
PHP 和 MySQL 开发的 8 个技巧
2007/01/02 PHP
PHP使用 Pear 进行安装和卸载包的方法详解
2019/07/08 PHP
使用Jquery Aajx访问WCF服务(GET、POST、PUT、DELETE)
2012/03/16 Javascript
js完美的div拖拽实例代码
2014/01/22 Javascript
jQuery中用dom操作替代正则表达式
2014/12/29 Javascript
NodeJs基本语法和类型
2015/02/13 NodeJs
JavaScript动态添加列的方法
2015/03/25 Javascript
JS定时器实现数值从0到10来回变化
2016/12/09 Javascript
AngularJS自定义指令之复制指令实现方法
2017/05/18 Javascript
详解自定义ajax支持跨域组件封装
2018/02/08 Javascript
Node.js中读取TXT文件内容fs.readFile()用法
2018/10/10 Javascript
jsonp格式前端发送和后台接受写法的代码详解
2019/11/07 Javascript
[02:20]DOTA2亚洲邀请赛 IG战队出场宣传片
2015/02/07 DOTA
pytyon 带有重复的全排列
2013/08/13 Python
python抓取网页内容并进行语音播报的方法
2018/12/24 Python
python 遍历列表提取下标和值的实例
2018/12/25 Python
基于TensorBoard中graph模块图结构分析
2020/02/15 Python
Python基于字典实现switch case函数调用
2020/07/22 Python
python 爬取百度文库并下载(免费文章限定)
2020/12/04 Python
Shoes For Crews法国官网:美国领先的防滑鞋设计和制造商
2018/01/01 全球购物
船餐厅和泰晤士河餐饮游轮:Bateaux London
2018/03/19 全球购物
英国礼品和生活方式品牌:Treat Republic
2020/11/21 全球购物
教导处工作制度
2014/01/18 职场文书
学徒工职责
2014/03/06 职场文书
委托公证书范本
2014/04/03 职场文书
社区服务活动总结
2014/05/07 职场文书
端午节活动总结
2014/08/26 职场文书
护士医德医风自我评价
2014/09/15 职场文书
2014年全国爱牙日宣传活动方案
2014/09/21 职场文书
优秀党务工作者先进事迹材料
2014/12/25 职场文书
写给孩子的新学期寄语
2015/02/27 职场文书
年度考核表个人总结
2015/03/06 职场文书
考生诚信考试承诺书
2015/04/29 职场文书
2016年世界人口日宣传活动总结
2016/04/05 职场文书
对讲机知识
2022/04/07 无线电
VUE解决跨域问题Access to XMLHttpRequest at
2022/05/06 Vue.js