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应用:Iframe自适应其加载的内容高度
Apr 10 Javascript
JavaScript DOM 添加事件
Feb 14 Javascript
JQuery的Validation插件中Remote验证的中文问题
Jul 26 Javascript
javascript获取作用在元素上面的样式属性代码
Sep 20 Javascript
js创建对象的方式总结
Jan 10 Javascript
JavaScript数组对象赋值用法实例
Aug 04 Javascript
javascript:void(0)点击登录没反应怎么解决
Nov 13 Javascript
JavaScript实现翻页功能(附效果图)
Feb 16 Javascript
vue监听滚动事件实现滚动监听
Apr 11 Javascript
JavaScript中Require调用js的实例分享
Oct 27 Javascript
分享vue里swiper的一些坑
Aug 30 Javascript
JQuery animate动画应用示例
May 14 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
mysql5详细安装教程
2007/01/15 PHP
谈谈PHP的输入输出流
2007/02/14 PHP
php第一次无法获取cookie问题处理
2014/12/15 PHP
PHP对文件进行加锁、解锁实例
2015/01/23 PHP
PHP编程实现csv文件导入mysql数据库的方法
2017/04/29 PHP
PHP pthreads v3在centos7平台下的安装与配置操作方法
2020/02/21 PHP
jQuery ajax 路由和过滤器使用说明
2011/08/02 Javascript
jQuery实现切换页面布局使用介绍
2011/10/09 Javascript
推荐 21 款优秀的高性能 Node.js 开发框架
2014/08/18 Javascript
JavaScript原生对象之Date对象的属性和方法详解
2015/03/13 Javascript
jQuery使用empty()方法删除元素及其所有子元素的方法
2015/03/26 Javascript
javascript手风琴下拉菜单实现代码
2015/11/12 Javascript
Javascript实现跨域后台设置拦截的方法详解
2017/08/04 Javascript
webpack打包nodejs项目的方法
2018/09/26 NodeJs
vue多层嵌套路由实例分析
2019/03/19 Javascript
详解Vue.directive 自定义指令
2019/03/27 Javascript
JavaScript实现的联动菜单特效示例
2019/07/08 Javascript
Python2.7简单连接与操作MySQL的方法
2016/04/27 Python
详解python上传文件和字符到PHP服务器
2017/11/24 Python
Java及python正则表达式详解
2017/12/27 Python
python3.5+tesseract+adb实现西瓜视频或头脑王者辅助答题
2018/01/17 Python
python去掉空白行的多种实现代码
2018/03/19 Python
python中字符串的操作方法大全
2018/06/03 Python
Python 中的 import 机制之实现远程导入模块
2019/10/29 Python
python科学计算之scipy——optimize用法
2019/11/25 Python
Python将list元素转存为CSV文件的实现
2020/11/16 Python
CSS3教程(7):CSS3嵌入字体
2009/04/02 HTML / CSS
皇家道尔顿官网:Royal Doulton
2017/12/06 全球购物
美国滑板店:Tactics
2020/11/08 全球购物
通用求职信范文模板分享
2013/12/27 职场文书
大三学生做职业规划:给未来找个方向
2014/02/24 职场文书
承诺书范文
2014/06/03 职场文书
商务经理岗位职责
2014/08/03 职场文书
区长工作作风个人整改措施
2014/10/01 职场文书
入党积极分子考察意见
2015/06/02 职场文书
使用pytorch实现线性回归
2021/04/11 Python