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 相关文章推荐
JS getMonth()日期函数的值域是0-11
Feb 15 Javascript
json格式的时间显示为正常年月日的方法
Sep 08 Javascript
javascript 拷贝节点cloneNode()使用介绍
Apr 03 Javascript
JavaScript基本语法讲解
Jun 03 Javascript
jquery实现标题字体变换的滑动门菜单效果
Sep 07 Javascript
详解VUE的状态控制与延时加载刷新
Mar 27 Javascript
ReactJs实现树形结构的数据显示的组件的示例
Aug 18 Javascript
微信小程序商品详情页的底部弹出框效果
Nov 16 Javascript
JavaScript变量提升和严格模式实例分析
Jan 27 Javascript
Node.js 实现抢票小工具 &amp; 短信通知提醒功能
Oct 22 Javascript
在vue中使用Echarts利用watch做动态数据渲染操作
Jul 20 Javascript
解决Antd Table表头加Icon和气泡提示的坑
Nov 17 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
PHP5中虚函数的实现方法分享
2011/04/20 PHP
PHP教程之PHP中shell脚本的使用方法分享
2012/02/23 PHP
PHP图片处理之图片背景、画布操作
2014/11/19 PHP
php把数组值转换成键的方法
2015/07/13 PHP
百度地图API使用方法详解
2015/08/25 PHP
最新版本PHP 7 vs HHVM 多角度比较
2016/02/14 PHP
thinkphp3.x连接mysql数据库的方法(具体操作步骤)
2016/05/19 PHP
JavaScript 学习笔记(九)call和apply方法
2010/01/11 Javascript
JavaScript可否多线程? 深入理解JavaScript定时机制
2012/05/23 Javascript
javascript闭包的理解
2015/04/01 Javascript
js实现网页多级级联菜单代码
2015/08/20 Javascript
JavaScript事件 &quot;事件对象&quot;的注意要点
2016/01/14 Javascript
Angular4学习教程之HTML属性绑定的方法
2018/01/04 Javascript
微信小程序文章详情页面实现代码
2018/09/10 Javascript
JS获取月的第几周和年的第几周实例代码
2018/12/05 Javascript
python 正则表达式 概述及常用字符
2009/05/04 Python
python实现udp数据报传输的方法
2014/09/26 Python
Django框架的中的setting.py文件说明详解
2018/10/15 Python
python关于矩阵重复赋值覆盖问题的解决方法
2019/07/19 Python
Python实现分数序列求和
2020/02/25 Python
有趣的Python图片制作之如何用QQ好友头像拼接出里昂
2020/04/22 Python
python 将视频 通过视频帧转换成时间实例
2020/04/23 Python
Python如何使用input函数获取输入
2020/08/06 Python
用python读取xlsx文件
2020/12/17 Python
李维斯牛仔裤荷兰官方网站:Levi’s NL
2020/08/23 全球购物
网络工程与软件技术毕业生自荐信
2013/09/24 职场文书
学年末自我鉴定
2014/01/21 职场文书
社区道德讲堂实施方案
2014/03/21 职场文书
会计专业毕业生自荐书
2014/06/25 职场文书
党员反对四风思想汇报范文
2014/10/25 职场文书
一年级小学生评语大全
2014/12/25 职场文书
2015年师德师风承诺书
2015/01/22 职场文书
2015年医德考评自我评价
2015/03/03 职场文书
党风廉洁教育心得体会
2016/01/20 职场文书
2016年全国爱眼日宣传教育活动总结
2016/04/05 职场文书
Ruby使用Mysql2连接操作MySQL
2022/04/19 Ruby