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 相关文章推荐
JS定时器实例详细分析
Oct 11 Javascript
jquery插件之定时查询待处理任务数量
May 01 Javascript
第五章之BootStrap 栅格系统
Apr 25 Javascript
Bootstrap源码解读表单(2)
Dec 22 Javascript
利用JavaScript对中文(汉字)进行排序实例详解
Jun 18 Javascript
View.post() 不靠谱的地方你知道多少
Aug 29 Javascript
Vue组件的使用教程详解
Jan 05 Javascript
基于React+Redux的SSR实现方法
Jul 03 Javascript
5分钟快速掌握JS中var、let和const的异同
Sep 19 Javascript
Vue scrollBehavior 滚动行为实现后退页面显示在上次浏览的位置
May 27 Javascript
微信小程序与webview交互实现支付功能
Jun 07 Javascript
JS代码实现页面切换效果
Jan 10 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
德生1994机评
2021/03/02 无线电
PHP 闭包详解及实例代码
2016/09/28 PHP
Laravel模糊查询区分大小写的实例
2019/09/29 PHP
laravel实现图片上传预览,及编辑时可更换图片,并实时变化的例子
2019/11/14 PHP
一个简单的实现下拉框多选的插件可移植性比较好
2014/05/05 Javascript
JS案例分享之金额小写转大写
2014/05/15 Javascript
jQuery获取节点和子节点文本的方法
2014/07/22 Javascript
JavaScript中的object转换成number或string规则介绍
2014/12/31 Javascript
浅谈javascript 函数内部属性
2015/01/21 Javascript
Bootstrap modal 多弹窗之叠加关闭阴影遮罩问题的解决方法
2017/02/27 Javascript
浅析JS中常用类型转换及运算符表达式
2017/07/23 Javascript
js中Object.defineProperty()方法的不详解
2018/07/09 Javascript
使用 Node.js 实现图片的动态裁切及算法实例代码详解
2018/09/29 Javascript
VUE2.0+ElementUI2.0表格el-table实现表头扩展el-tooltip
2018/11/30 Javascript
重学JS 系列:聊聊继承(推荐)
2019/04/11 Javascript
jQuery+PHP+Ajax实现动态数字统计展示功能
2019/12/25 jQuery
vue实现从外部修改组件内部的变量的值
2020/07/30 Javascript
[00:27]DOTA2次级职业联赛 - Lilith战队宣传片
2014/12/01 DOTA
[01:48]帕吉至宝加入游戏,遗迹战场现“千劫神屠”
2018/04/07 DOTA
Python实现简单登录验证
2016/04/13 Python
python实时监控cpu小工具
2018/06/21 Python
Python装饰器用法实例分析
2019/01/14 Python
Python实用库 PrettyTable 学习笔记
2019/08/06 Python
Python实现Singleton模式的方式详解
2019/08/08 Python
tensorflow2.0保存和恢复模型3种方法
2020/02/03 Python
Win10下安装并使用tensorflow-gpu1.8.0+python3.6全过程分析(显卡MX250+CUDA9.0+cudnn)
2020/02/17 Python
Python爬虫简单运用爬取代理IP的实现
2020/12/01 Python
世界著名的顶级牛排:Omaha Steak(奥马哈牛排)
2016/09/20 全球购物
超市实习总结自我鉴定
2013/09/19 职场文书
开学季活动策划方案
2014/02/28 职场文书
常务副县长“四风”个人对照检查材料思想汇报
2014/10/02 职场文书
少年派的奇幻漂流观后感
2015/06/08 职场文书
MySQL学习之基础命令实操总结
2022/03/19 MySQL
生命的关键成分来自太空?陨石说是的
2022/04/29 数码科技
JavaScript原型链中函数和对象的理解
2022/06/16 Javascript
win11怎么消除图标小盾牌?win11消除图标小盾牌解决方法
2022/08/05 数码科技