JS實現(xiàn)按鈕添加背景音樂示例代碼

更新時間：2017年10月17日 10:30:23 作者：SunLike阿理旺旺

這篇文章主要介紹了JS實現(xiàn)按鈕添加背景音樂示例代碼,需要的朋友可以參考下

1-代碼

<html>
<head>
  <meta charset="utf-8">
  <title>js實現(xiàn)按鍵聲</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-描述

事先給節(jié)點綁定事件,點擊后出發(fā)添加背景音樂

總結(jié)

以上所述是小編給大家介紹的JS實現(xiàn)按鈕添加背景音樂示例代碼，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

JS+html5制作簡單音樂播放器
這篇文章主要為大家詳細(xì)介紹了JS html5制作簡單音樂播放器的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-03-03
JavaScript 應(yīng)用技巧集合[推薦]
前段時間我曾經(jīng)對JavaScript中的應(yīng)用技巧進行了收集和總結(jié)這里我將會對這些應(yīng)用技巧進行集中描述，如果你覺得遺漏了一些好用的應(yīng)用技巧，也請在留言中提出，我會及時更新到這篇文章中的。
2009-08-08
Javascript前端UI框架Kit使用指南之kitjs事件管理
本文詳細(xì)介紹了Kitjs的事件管理功能，包括普通的Dom事件、Kit如何解決問題、代碼解析、注銷事件等。需要的朋友可以參考下。
2014-11-11
微信小程序后端(java)開發(fā)流程的詳細(xì)步驟
這篇文章主要介紹了微信小程序后端開發(fā)流程的詳細(xì)步驟，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-11-11
JavaScript實現(xiàn)樹的遍歷算法示例【廣度優(yōu)先與深度優(yōu)先】
這篇文章主要介紹了JavaScript實現(xiàn)樹的遍歷算法,結(jié)合實例形式分析了javascript針對樹結(jié)構(gòu)的廣度優(yōu)先遍歷與深度優(yōu)先遍歷實現(xiàn)方法,需要的朋友可以參考下
2017-10-10
基于JavaScript 實現(xiàn)拖放功能
本文通過實例代碼給大家介紹了JavaScript 實現(xiàn)拖放功能，代碼簡單易懂，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下
2019-09-09
在javaScript中檢測數(shù)據(jù)類型的幾種方式小結(jié)
在用javaScript編程的過程中，我們經(jīng)常會遇到這樣一個問題，就是需要檢測一個數(shù)據(jù)或變量的類型，本篇文章主要介紹了在javaScript中檢測數(shù)據(jù)類型的幾種方式小結(jié)，有興趣的可以了解一下。
2017-03-03
JavaScript操作URL的相關(guān)內(nèi)容集錦
這篇文章主要介紹了JavaScript操作URL的相關(guān)內(nèi)容集錦的相關(guān)資料,需要的朋友可以參考下
2015-10-10
Bootstrap中的表單驗證插件bootstrapValidator使用方法整理（推薦）
這篇文章主要介紹了Bootstrap中的表單驗證插件bootstrapValidator使用方法整理（推薦）的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2016-06-06
你不知道的Git?log還有這種用法
這篇文章主要為大家介紹了你不知道的Git?log竟然還有這種用法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2023-05-05