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 EasyUI API 中文文档 - ComboTree组合树
Oct 11 Javascript
javascript打印输出json实例
Nov 11 Javascript
通过js为元素添加多项样式,浏览器全兼容写法
Aug 30 Javascript
详解html-webpack-plugin用法全解
Jan 22 Javascript
mpvue将vue项目转换为小程序
Sep 30 Javascript
Vue运用transition实现过渡动画
May 06 Javascript
基于Vue实现的多条件筛选功能的详解(类似京东和淘宝功能)
May 07 Javascript
微信小程序:数据存储、传值、取值详解
May 07 Javascript
详解在Angular4中使用ng2-baidu-map的方法
Jun 19 Javascript
Vue 列表上下过渡效果的实例代码
Jun 25 Javascript
layui--js控制switch的切换方法
Sep 03 Javascript
jquery实现吸顶导航效果
Jan 08 jQuery
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
Discuz!5的PHP代码高亮显示插件(黑暗中的舞者更新)
2007/01/29 PHP
php array_pop()数组函数将数组最后一个单元弹出(出栈)
2011/07/12 PHP
基于session_unset与session_destroy的区别详解
2013/06/03 PHP
php实现aes加密类分享
2014/02/16 PHP
php中获取主机名、协议及IP地址的方法
2014/11/18 PHP
举例详解PHP脚本的测试方法
2015/08/05 PHP
javascript面向对象入门基础详细介绍
2012/09/05 Javascript
css transform 3D幻灯片特效实现步骤解读
2013/03/27 Javascript
浅谈JavaScript中的字符编码转换问题
2015/07/07 Javascript
微信小程序顶部可滚动导航效果
2017/10/31 Javascript
JsChart组件使用详解
2018/03/04 Javascript
vue生命周期与钩子函数简单示例
2019/03/13 Javascript
详解vue-cli 脚手架 安装
2019/04/16 Javascript
vue实现分页栏效果
2019/06/28 Javascript
three.js利用卷积法如何实现物体描边效果
2019/11/27 Javascript
js实现从右往左匀速显示图片(无缝轮播)
2020/06/29 Javascript
[48:21]林俊杰圣堂刺客超神杀戮秀
2014/10/29 DOTA
Python中set与frozenset方法和区别详解
2016/05/23 Python
Python实现网络端口转发和重定向的方法
2016/09/19 Python
pycharm运行出现ImportError:No module named的解决方法
2018/10/13 Python
python和c语言的主要区别总结
2019/07/07 Python
Python实现的企业粉丝抽奖功能示例
2019/07/26 Python
python GUI库图形界面开发之PyQt5表格控件QTableView详细使用方法与实例
2020/03/01 Python
Python classmethod装饰器原理及用法解析
2020/10/17 Python
HTML5 weui使用笔记
2019/11/21 HTML / CSS
全球虚拟主机商:HostGator
2017/02/06 全球购物
英国文具、办公用品和科技商店:Ryman
2018/09/27 全球购物
家长给小学生的评语
2014/01/30 职场文书
公司门卫岗位职责
2014/03/15 职场文书
三年级班级文化建设方案
2014/05/04 职场文书
校园文明倡议书
2014/05/16 职场文书
趣味运动会广播稿
2014/09/13 职场文书
水电工岗位职责
2015/02/14 职场文书
入党函调证明材料
2015/06/19 职场文书
在 Golang 中实现 Cache::remember 方法详解
2021/03/30 Python
关于MySQL中的 like操作符详情
2021/11/17 MySQL