JS實(shí)現(xiàn)按鈕添加背景音樂示例代碼
更新時(shí)間：2017年10月17日 10:30:23 作者：SunLike阿理旺旺
這篇文章主要介紹了JS實(shí)現(xiàn)按鈕添加背景音樂示例代碼,需要的朋友可以參考下
1-代碼
<html>
<head>
<meta charset="utf-8">
<title>js實(shí)現(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é)點(diǎn)綁定事件,點(diǎn)擊后出發(fā)添加背景音樂
總結(jié)
以上所述是小編給大家介紹的JS實(shí)現(xiàn)按鈕添加背景音樂示例代碼，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
一個(gè)多層疊的TAB選項(xiàng)卡，自適應(yīng)寬度(自行更改nonstop的width測試效果)。2010-01-01
這篇文章主要為大家詳細(xì)介紹了微信小程序日期時(shí)間選擇器的使用方法，自定義精確到分秒或時(shí)段，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-02-02
本篇文章主要介紹了webpack多入口文件頁面打包配置詳解，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-01-01
利用js查找數(shù)組中指定元素并返回該元素的所有索引示例
在js數(shù)組中查找特定的元素相信對(duì)大家來說再熟悉不過了，但越簡單的東西越可能出錯(cuò)，小編最近就犯了這樣的錯(cuò)誤，所以想著干脆將實(shí)現(xiàn)的代碼整理下來，方便自己以后需要的時(shí)候，或者有需要的朋友們參考學(xué)習(xí)，下面來一起看看吧。2017-03-03
JS+HTML實(shí)現(xiàn)自定義上傳圖片按鈕并顯示圖片功能的方法分析
這篇文章主要介紹了JS+HTML實(shí)現(xiàn)自定義上傳圖片按鈕并顯示圖片功能的方法,結(jié)合實(shí)例形式分析了JavaScript圖片上傳、編碼轉(zhuǎn)換等相關(guān)操作技巧,需要的朋友可以參考下2020-02-02
下面小編就為大家?guī)硪黄狫avaScript數(shù)組方法總結(jié)分析。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考2016-05-05
IE 緩存策略的BUG的解決方法...2007-07-07
javascript中數(shù)組（Array)對(duì)象和字符串（String)對(duì)象的常用方法總結(jié)
這篇文章主要介紹了javascript中數(shù)組（Array)對(duì)象和字符串（String)對(duì)象的常用方法,結(jié)合實(shí)例形式總結(jié)分析了javascript中關(guān)于數(shù)組和字符串的常用函數(shù)與使用技巧,需要的朋友可以參考下2016-12-12
javascript設(shè)計(jì)模式--策略模式之輸入驗(yàn)證
策略模式中的策略就是一種算法或者業(yè)務(wù)規(guī)則，將這些策略作為函數(shù)進(jìn)行封裝，并向外提供統(tǒng)一的調(diào)用執(zhí)行，本文給大家介紹javascript設(shè)計(jì)模式--策略模式之輸入驗(yàn)證，需要的朋友參考下2015-11-11
JavaScript 精美貪吃蛇實(shí)現(xiàn)流程
看起來好像很復(fù)雜的貪吃蛇，到底是怎么用JavaScript去實(shí)現(xiàn)的？下面就來一步一步地，剖析怎么用JavaScript，放在任意一個(gè)瀏覽器中，把貪吃蛇搞起來2021-11-11