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 相关文章推荐
niceTitle 基于jquery的超链接提示插件
May 31 Javascript
AngularJS iframe跨域打开内容时报错误的解决办法
Jan 26 Javascript
JavaScript替换当前页面的方法
Apr 03 Javascript
javascript中indexOf技术详解
May 07 Javascript
JavaScript中关联原型链属性特性
Feb 13 Javascript
详解微信小程序 template添加绑定事件
Jun 23 Javascript
js 简易版滚动条实例(适用于移动端H5开发)
Jun 26 Javascript
基于vue 添加axios组件,解决post传参数为null的问题
Mar 05 Javascript
使用Vue.js和Flask来构建一个单页的App的示例
Mar 21 Javascript
微信小程序实现下拉菜单切换效果
Mar 30 Javascript
小程序实现tab标签页
Nov 16 Javascript
vue 实现基础组件的自动化全局注册
Dec 25 Vue.js
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
浅谈web上存漏洞及原理分析、防范方法(安全文件上存方法)
2013/06/29 PHP
CentOS下PHP7的编译安装及MySQL的支持和一些常见问题的解决办法
2015/12/17 PHP
php7新特性的理解和比较总结
2019/04/14 PHP
laravel-admin 实现在指定的相册下添加照片
2019/10/21 PHP
Yii框架自定义数据库操作组件示例
2019/11/11 PHP
JS的IE和Firefox兼容性集锦
2006/12/11 Javascript
Extjs学习笔记之九 数据模型(上)
2010/01/11 Javascript
jquery通过a标签删除table中的一行的代码
2013/12/02 Javascript
Javascript Ajax异步读取RSS文档具体实现
2013/12/12 Javascript
jquery实现的网页自动播放声音
2014/04/30 Javascript
javascript+HTML5 Canvas绘制转盘抽奖
2020/05/16 Javascript
MVC+jQuery.Ajax异步实现增删改查和分页
2020/12/22 Javascript
jQuery.Callbacks()回调函数队列用法详解
2016/06/14 Javascript
详解vue项目首页加载速度优化
2017/10/18 Javascript
基于zTree树形菜单的使用实例
2017/12/25 Javascript
浅谈React前后端同构防止重复渲染
2018/01/05 Javascript
jQuery实现使用sort方法对json数据排序的方法
2018/04/17 jQuery
基于React+Redux的SSR实现方法
2018/07/03 Javascript
CKEditor 4.4.1 添加代码高亮显示插件功能教程【使用官方推荐Code Snippet插件】
2019/06/14 Javascript
JS写滑稽笑脸运动效果
2020/05/28 Javascript
vue实现抽屉弹窗效果
2020/11/15 Javascript
Python中数字以及算数运算符的相关使用
2015/10/12 Python
python中的二维列表实例详解
2018/06/19 Python
Python图像的增强处理操作示例【基于ImageEnhance类】
2019/01/03 Python
pyhanlp安装介绍和简单应用
2019/02/22 Python
python挖矿算力测试程序详解
2019/07/03 Python
python随机模块random使用方法详解
2020/02/14 Python
Pycharm自带Git实现版本管理的方法步骤
2020/09/18 Python
Python OpenCV中的numpy与图像类型转换操作
2020/12/11 Python
施华洛世奇英国官网:SWAROVSKI英国
2017/03/13 全球购物
解释一下抽象方法和抽象类
2016/08/27 面试题
工商管理专业实习大学生自我鉴定
2013/09/19 职场文书
土建资料员岗位职责
2014/01/04 职场文书
三年级数学教学反思
2014/01/31 职场文书
《草虫的村落》教学反思
2014/02/16 职场文书
酒店管理求职信
2014/06/09 职场文书