编程 Javascript

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实现按钮添加背景音乐示例代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持！

JS实现按钮添加背景音乐示例代码

- Author -

SunLike阿理旺旺

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JavaScript 编写匿名函数的几种方法

Feb 21 Javascript

javascript中如何处理引号编码&#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 无线电