编程 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 贪吃蛇实现代码

Nov 22 Javascript

JS 分号引起的一段调试问题

Jun 18 Javascript

HTML Dom与Css控制方法

Oct 25 Javascript

Node.js中对通用模块的封装方法

Jun 06 Javascript

Javascript+CSS实现影像卷帘效果思路及代码

Oct 20 Javascript

基于JavaScript实现前端文件的断点续传

Oct 17 Javascript

Vue学习笔记进阶篇之单元素过度

Jul 19 Javascript

原生js实现拖拽功能基本思路详解

Apr 18 Javascript

vue项目持久化存储数据的实现代码

Oct 01 Javascript

解决Layui数据表格显示无数据提示的问题

Nov 14 Javascript

使用JS来动态操作css的几种方法

Dec 18 Javascript

封装Vue Element的table表格组件的示例详解

Aug 19 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

AJAX for PHP简单表数据查询实例

2007/01/02 PHP

从康盛产品(discuz)提取出来的模板类

2011/06/28 PHP

php中json_encode中文编码问题分析

2011/09/13 PHP

CURL状态码列表(详细)

2013/06/27 PHP

PHP滚动日志的代码实现

2015/06/10 PHP

PHP排序算法之冒泡排序(Bubble Sort)实现方法详解

2018/04/20 PHP

PHP Include文件实例讲解

2019/02/15 PHP

thinkPHP5框架接口写法简单示例

2019/08/05 PHP

javascript 隔行换色函数代码

2010/10/24 Javascript

JS中的THIS和WINDOW.EVENT.SRCELEMENT详解

2015/05/25 Javascript

基于jquery实现页面滚动到底自动加载数据的功能

2015/12/19 Javascript

js运动应用实例解析

2015/12/28 Javascript

基于jQuery实现鼠标点击导航菜单水波动画效果附源码下载

2016/01/06 Javascript

JS实现点击循环切换显示内容的方法

2017/10/19 Javascript

vue.js与后台数据交互的实例讲解

2018/08/08 Javascript

vue.js 实现评价五角星组件的实例代码

2018/08/13 Javascript

vue+iview+less 实现换肤功能

2018/08/17 Javascript

详解Next.js页面渲染的优化方案

2019/01/27 Javascript

详解react-refetch的使用小例子

2019/02/15 Javascript

jQuery实现条件搜索查询、实时取值及升降序排序的方法分析

2019/05/04 jQuery

js实现小星星游戏

2020/03/23 Javascript

Object.keys() 和 Object.getOwnPropertyNames() 的区别详解

2020/05/21 Javascript

python命令行参数解析OptionParser类用法实例

2014/10/09 Python

Sanic框架基于类的视图用法示例

2018/07/18 Python

python 判断参数为Nonetype类型或空的实例

2018/10/30 Python

python爬虫之自制英汉字典

2019/06/24 Python

Win10 安装PyCharm2019.1.1(图文教程)

2019/09/29 Python

Python udp网络程序实现发送、接收数据功能示例

2019/12/09 Python

python shutil文件操作工具使用实例分析

2019/12/25 Python

Python 窗体(tkinter)下拉列表框(Combobox)实例

2020/03/04 Python

详解pycharm2020.1.1专业版安装指南(推荐)

2020/08/07 Python

Expedia泰国：预订机票、酒店和旅游包（航班+酒店）

2016/09/27 全球购物

公司出纳岗位职责

2013/12/07 职场文书

元旦促销方案

2014/03/15 职场文书

个人师德师风自我剖析材料

2014/09/29 职场文书

MySQL 数据库增删查改、克隆、外键等操作

2022/05/11 MySQL