トップ > DHTMLサンプル

※同様の処理が「Javascriptサンプル」にもある場合があります。
そちらの方もご参照下さい。

■ BGMをボタンやリンク文字でON/OFFする

BGMをボタンで鳴らしたり、止めたりします。
また、リンク文字でON/OFFできるように解説しました。

ボタン操作によって、BGMを鳴らしたり、止めたりできます。
音を鳴らす、サウンドを鳴らす、音楽を流す、音楽を演奏するなども同様の方法でできます。

◆ 実行サンプル


文字をボタンの代わりにする。
ON  OFF
略号の説明 動作が確認できたブラウザ
IE6.0 NS7.0 MZ1.7.7 FF1.5 OP7.53

【記述サンプル】

マウスのクリックで音を鳴らす場合は、次のように音楽を鳴らすための空のBGMタグを用意します。
<bgsound src="" volume="1" id="snd0">

そして、マウスのクリックで音楽を鳴らせたいタグに次のような記述を追記します。
音楽ファイルはご自分でご用意下さい。 onclick="document.getElementById('snd0').src='../../sounds/laser.wav';"

音楽を停止したい場合は次のような記述でセットした音楽ファイルをクリアします。
onclick="document.getElementById('snd0').src='';"

このサンプルでは次のように記述しています。
<form class="exp01" action="dummy">
<input type="button" onclick="document.getElementById('snd0').src='/sounds/music1.mid';" value="ON">
<input type="button" onclick="document.getElementById('snd0').src='';" value="OFF"><br>
文字をボタンの代わりにする。<br>
<span onclick="document.getElementById('snd0').src='/sounds/music1.mid';">ON</span> 
<span onclick="document.getElementById('snd0').src='';">OFF</span>
<bgsound src="" volume="1" id="snd0">
</form>



page update:2010/01/23 20:32

Copyright (c) 2000-2009, all Rights Reserved & Produced by atom