※同様の処理が「Javascriptサンプル」にもある場合があります。
そちらの方もご参照下さい。
■ クリックで音を鳴らす
マウスのクリックで音を鳴らす場合は、次のように音楽を鳴らすための空のBGMタグを用意します。
- 【記述サンプル】
- <bgsound src="" volume="1" id="snd0">
そして、マウスのクリックで音楽を鳴らせたいタグに次のような記述を追記します。
音楽ファイルはご自分でご用意下さい。
- 【記述サンプル】
- onclick="document.getElementById('snd0').src='../../sounds/laser.wav';"
例えば、次の画像の上でクリックするとレーザー銃のような音がします。
◆ 実行サンプル
略号の説明 | 動作が確認できたブラウザ |
---|---|
IE6.0 NS7.0 MZ1.7.7 FF1.5 OP7.53 |
この場合のタグは次のように記述しています。
- 【記述サンプル】
-
<bgsound src="" volume="1" id="snd0">
<img src="../../images/exp/baloon.gif" alt="風船画像" onclick="window.snd0.src='../../sounds/laser.wav'">
この効果をページ全体に適用したい場合は、次のように「BODY」タグに「onclick=""」を追記します。
ただし、「BGSOUND」タグは「BODY」句内にないといけませんから、順番は逆になります。
- 【記述サンプル】
- <body onclick="window.snd0.src='../../sounds/laser.wav'"> <bgsound src="" volume="1" id="snd0">