ホームページ > 記事 > ウェブフロントエンド > JSを使用してボタンにBGMを追加する方法
ボタンにBGMを追加するにはどうすればよいですか?この記事ではBGMを追加するための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-説明
事前にイベントをノードにバインドし、クリックしてBGMを追加します。
関連推奨事項:
WebページのBGMの設定_html/css_WEB-ITnose
以上がJSを使用してボタンにBGMを追加する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。