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

 更新时间:2017年10月17日 10:30:23   作者:SunLike阿理旺旺  
这篇文章主要介绍了JS实现按钮添加背景音乐示例代码,需要的朋友可以参考下

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+html5制作简单音乐播放器

    JS+html5制作简单音乐播放器

    这篇文章主要为大家详细介绍了JS html5制作简单音乐播放器的相关资料,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • JavaScript 应用技巧集合[推荐]

    JavaScript 应用技巧集合[推荐]

    前段时间我曾经对JavaScript中的应用技巧进行了收集和总结这里我将会对这些应用技巧进行集中描述,如果你觉得遗漏了一些好用的应用技巧,也请在留言中提出,我会及时更新到这篇文章中的。
    2009-08-08
  • Javascript前端UI框架Kit使用指南之kitjs事件管理

    Javascript前端UI框架Kit使用指南之kitjs事件管理

    本文详细介绍了Kitjs的事件管理功能,包括普通的Dom事件、Kit如何解决问题、代码解析、注销事件等。需要的朋友可以参考下。
    2014-11-11
  • 微信小程序后端(java)开发流程的详细步骤

    微信小程序后端(java)开发流程的详细步骤

    这篇文章主要介绍了微信小程序后端开发流程的详细步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-11-11
  • JavaScript实现树的遍历算法示例【广度优先与深度优先】

    JavaScript实现树的遍历算法示例【广度优先与深度优先】

    这篇文章主要介绍了JavaScript实现树的遍历算法,结合实例形式分析了javascript针对树结构的广度优先遍历与深度优先遍历实现方法,需要的朋友可以参考下
    2017-10-10
  • 基于JavaScript 实现拖放功能

    基于JavaScript 实现拖放功能

    本文通过实例代码给大家介绍了JavaScript 实现拖放功能,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-09-09
  • 在javaScript中检测数据类型的几种方式小结

    在javaScript中检测数据类型的几种方式小结

    在用javaScript编程的过程中,我们经常会遇到这样一个问题,就是需要检测一个数据或变量的类型,本篇文章主要介绍了在javaScript中检测数据类型的几种方式小结,有兴趣的可以了解一下。
    2017-03-03
  • JavaScript操作URL的相关内容集锦

    JavaScript操作URL的相关内容集锦

    这篇文章主要介绍了JavaScript操作URL的相关内容集锦的相关资料,需要的朋友可以参考下
    2015-10-10
  • Bootstrap中的表单验证插件bootstrapValidator使用方法整理(推荐)

    Bootstrap中的表单验证插件bootstrapValidator使用方法整理(推荐)

    这篇文章主要介绍了Bootstrap中的表单验证插件bootstrapValidator使用方法整理(推荐)的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-06-06
  • 你不知道的Git log还有这种用法

    你不知道的Git log还有这种用法

    这篇文章主要为大家介绍了你不知道的Git log竟然还有这种用法详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-05-05

最新评论