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 相关文章推荐
出现“不能执行已释放的Script代码”错误的原因及解决办法
Aug 29 Javascript
javascript indexOf函数使用说明
Jul 03 Javascript
jQuery一步一步实现跨浏览器的可编辑表格,支持IE、Firefox、Safari、Chrome、Opera
Aug 28 Javascript
js实现弹出窗口、页面变成灰色并不可操作的例子分享
May 10 Javascript
AngularJS directive返回对象属性详解
Mar 28 Javascript
Ionic如何实现下拉刷新与上拉加载功能
Jun 03 Javascript
JavaScript表单即时验证 验证不成功不能提交
Aug 31 Javascript
微信小程序有旋转动画效果的音乐组件实例代码
Aug 22 Javascript
websocket4.0+typescript 实现热更新的方法
Aug 14 Javascript
vue.js中使用微信扫一扫解决invalid signature问题(完美解决)
Apr 11 Javascript
Element MessageBox弹框的具体使用
Jul 27 Javascript
JS sort排序详细使用方法示例解析
Sep 27 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实现删除非站内外部链接实例代码
2014/06/17 PHP
ThinkPHP3.1新特性之命名范围的使用
2014/06/19 PHP
yii使用bootstrap分页样式的实例
2017/01/17 PHP
redis+php实现微博(三)微博列表功能详解
2019/09/23 PHP
解决在Laravel 中处理OPTIONS请求的问题
2019/10/11 PHP
javascript 程序库的比较(一)之DOM功能
2010/04/07 Javascript
Jquery easyui 下loaing效果示例代码
2013/08/12 Javascript
Javascript实现滚动图片新闻的实例代码
2013/11/27 Javascript
Javascript实现获取窗口的大小和位置代码分享
2014/12/04 Javascript
JS控制表格实现一条光线流动分割行的方法
2015/03/09 Javascript
sso跨域写cookie的一段js脚本(推荐)
2016/05/25 Javascript
canvas实现图像截取功能
2017/02/06 Javascript
VUE开发一个图片轮播的组件示例代码
2017/03/06 Javascript
angularJs使用$watch和$filter过滤器制作搜索筛选实例
2017/06/01 Javascript
Vue 父子组件数据传递的四种方式( inheritAttrs + $attrs + $listeners)
2018/05/04 Javascript
原生js实现随机点名功能
2019/11/05 Javascript
JavaScript 如何在浏览器中使用摄像头
2020/12/02 Javascript
详解Python异常处理中的Finally else的功能
2017/12/29 Python
Python实现定时备份mysql数据库并把备份数据库邮件发送
2018/03/08 Python
django框架单表操作之增删改实例分析
2019/12/16 Python
Python gevent协程切换实现详解
2020/09/14 Python
酒店服务实习自我鉴定
2013/09/22 职场文书
培训主管岗位职责
2014/02/01 职场文书
亲子读书活动方案
2014/02/22 职场文书
职业女性的职业规划
2014/03/04 职场文书
科长竞聘演讲稿
2014/05/16 职场文书
党的群众路线教育实践活动心得体会(医院)
2014/11/03 职场文书
MBA推荐信怎么写
2015/03/25 职场文书
2015年学校教育教学工作总结
2015/04/22 职场文书
2016全国“质量月”活动标语口号
2015/12/26 职场文书
技术入股合作协议书
2016/03/21 职场文书
公司年会晚会开幕词
2019/04/02 职场文书
班干部竞选演讲稿(精选5篇)
2019/09/24 职场文书
Django REST framework 限流功能的使用
2021/06/24 Python
Nginx下SSL证书安装部署步骤介绍
2021/12/06 Servers
 Redis 串行生成顺序编码的方法实现
2022/04/03 Redis