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 高级语法介绍
Jun 15 Javascript
jQuery 源码分析笔记(6) jQuery.data
Jun 08 Javascript
jquery easyui combox一些实用的小方法
Dec 25 Javascript
网页瀑布流布局jQuery实现代码
Oct 21 Javascript
JS键盘版计算器的制作方法
Dec 03 Javascript
微信小程序中实现一对多发消息详解及实例代码
Feb 14 Javascript
vue-cli开发环境实现跨域请求的方法
Apr 07 Javascript
Vue 中使用 CSS Modules优雅方法
Apr 09 Javascript
如何以Angular的姿势打开Font-Awesome详解
Apr 22 Javascript
解决Vue2.0 watch对象属性变化监听不到的问题
Sep 11 Javascript
中高级前端必须了解的JS中的内存管理(推荐)
Jul 04 Javascript
js前端设计模式优化50%表单校验代码示例
Jun 21 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 面向对象 final类与final方法
2010/05/05 PHP
一个图片地址分解程序(用于PHP小偷程序)
2014/08/23 PHP
PHP实现的文件操作类及文件下载功能示例
2016/12/24 PHP
PHP开发实现快递查询功能详解
2019/04/08 PHP
js 屏蔽鼠标右键脚本附破解方法
2009/12/03 Javascript
JavaScript常用函数工具集:lao-utils
2016/03/01 Javascript
JavaScript中闭包之浅析解读(必看篇)
2016/08/25 Javascript
jQuery实现Select下拉列表进行状态选择功能
2017/03/30 jQuery
javascript实现数字配对游戏的实例讲解
2017/12/14 Javascript
vue+element-ui+ajax实现一个表格的实例
2018/03/09 Javascript
微信小程序6位或多位验证码密码输入框功能的实现代码
2018/05/29 Javascript
vue 循环加载数据并获取第一条记录的方法
2018/09/26 Javascript
vue项目中运用webpack动态配置打包多种环境域名的方法
2019/06/24 Javascript
js实现左右轮播图
2020/01/09 Javascript
Python实现利用最大公约数求三个正整数的最小公倍数示例
2017/09/30 Python
Python cookbook(数据结构与算法)在字典中将键映射到多个值上的方法
2018/02/18 Python
Tensorflow实现卷积神经网络用于人脸关键点识别
2018/03/05 Python
Python3 列表,数组,矩阵的相互转换的方法示例
2019/08/05 Python
Django model 中设置联合约束和联合索引的方法
2019/08/06 Python
如何使用Python抓取网页tag操作
2020/02/14 Python
pytorch SENet实现案例
2020/06/24 Python
python学习笔记之多进程
2020/08/06 Python
Python-openpyxl表格读取写入的案例详解
2020/11/02 Python
如何向scrapy中的spider传递参数的几种方法
2020/11/18 Python
Html5让容器充满屏幕高度或自适应剩余高度的布局实现
2020/05/14 HTML / CSS
浅析HTML5页面元素及属性
2021/01/20 HTML / CSS
世界第一曲奇连锁店:Mrs. Fields Cookies
2017/02/04 全球购物
动物科学专业毕业生的自我评价
2013/11/29 职场文书
主持人婚宴答谢词
2014/01/28 职场文书
保险公司年会主持词
2014/03/22 职场文书
小学美术兴趣小组活动总结
2014/07/07 职场文书
中学生教师节演讲稿
2014/09/03 职场文书
个人批评与自我批评发言稿
2014/09/28 职场文书
2015教师年度思想工作总结
2015/04/30 职场文书
MySQL系列之十四 MySQL的高可用实现
2021/07/02 MySQL
Python制作一个随机抽奖小工具的实现
2021/07/07 Python