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 编写匿名函数的几种方法
Feb 21 Javascript
javascript中如何处理引号编码&amp;#034;
Aug 15 Javascript
jquery实现省市select下拉框的替换(示例代码)
Feb 22 Javascript
使用JavaScript 编写简单计算器
Nov 24 Javascript
Java框架SSH结合Easyui控件实现省市县三级联动示例解析
Jun 12 Javascript
基于rem的移动端响应式适配方案(详解)
Jul 07 Javascript
JS实现的集合去重,交集,并集,差集功能示例
Mar 13 Javascript
详解Vue单元测试case写法
May 24 Javascript
Layui 设置select下拉框自动选中某项的方法
Aug 14 Javascript
微信小程序实现星级评价效果
Dec 28 Javascript
七行JSON代码把你的网站变成移动应用过程详解
Jul 09 Javascript
原生js实现碰撞检测
Mar 12 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 实用代码收集
2010/01/22 PHP
PHP swfupload图片上传的实例代码
2013/09/30 PHP
PHPExcel读取EXCEL中的图片并保存到本地的方法
2015/02/14 PHP
用正则获取指定路径文件的名称
2007/02/27 Javascript
来自chinaz的ajax获取评论代码
2008/05/03 Javascript
jQuery 性能优化指南(2)
2009/05/21 Javascript
javascript 隔行换色函数代码
2010/10/24 Javascript
js中使用DOM复制(克隆)指定节点名数据到新的XML文件中的代码
2011/07/27 Javascript
javascript在网页中实现读取剪贴板粘贴截图功能
2014/06/07 Javascript
js+csss实现的一个带复选框的下拉框
2014/09/29 Javascript
基于BootStrap的图片轮播效果展示实例代码
2016/05/23 Javascript
浅谈javascript中的数据类型转换
2016/12/27 Javascript
利用jQuery异步上传文件的插件用法详解
2017/07/19 jQuery
老生常谈ES6中的类
2017/07/31 Javascript
浅谈在vue项目中如何定义全局变量和全局函数
2017/10/24 Javascript
vue使用vue-i18n实现国际化的实现代码
2018/04/08 Javascript
JS集合set类的实现与使用方法示例
2019/02/01 Javascript
在vue中使用jsonp进行跨域请求接口操作
2020/10/29 Javascript
Python中os.path用法分析
2015/01/15 Python
python读文件保存到字典,修改字典并写入新文件的实例
2018/04/23 Python
python 定时任务去检测服务器端口是否通的实例
2019/01/26 Python
Python datetime和unix时间戳之间相互转换的讲解
2019/04/01 Python
python实现身份证实名认证的方法实例
2019/11/08 Python
Pandas实现DataFrame按行求百分数(比例数)
2019/12/27 Python
django 文件上传功能的相关实例代码(简单易懂)
2020/01/22 Python
CSS3转换功能transform主要属性值分析及实现分享
2012/05/06 HTML / CSS
html5+CSS3+JS实现七夕言情功能代码
2017/08/28 HTML / CSS
HTML5的结构和语义(4):语义性的内联元素
2008/10/17 HTML / CSS
医学生求职自荐信
2013/10/25 职场文书
怎样客观的做好自我评价
2013/12/28 职场文书
四风问题查摆剖析材料
2014/10/11 职场文书
高考升学宴答谢词
2015/01/20 职场文书
敬老院活动感想
2015/08/07 职场文书
大学组织委员竞选稿
2015/11/21 职场文书
Golang之sync.Pool使用详解
2021/05/06 Golang
德生TECSUN S-2000使用手册文字版
2022/05/10 无线电