※同様の処理が「Javascriptサンプル」にもある場合があります。
そちらの方もご参照下さい。
■ オンマウスで音を鳴らす
マウスを重ねると音が鳴ります。
マウスが離れた時も音がなるようにします。
マウスを重ねると、音が鳴る、サウンドが鳴る、音を鳴らす、サウンドを鳴らす、音楽を演奏する、すべて同じです。
◆ 実行サンプル
略号の説明 | 動作が確認できたブラウザ |
---|---|
IE6.0 NS7.0 MZ1.7.7 FF1.5 OP7.53 |
- 【 解 説 】
-
まず、画像にマウスが乗った場合の処理は、
onmouseover="(javascriptの記述)"マウスが画像から離れた場合の処理は、
onmouseout="(javascriptの記述)"と記述します。
サウンドやBGMを鳴らすタグは次のようなものです。 <bgsound src="(音楽用ファイル名)">
Javascriptなどでそのタグのsrc属性を変更します。
そのため、そのタグに名前が必要になります。
名前の指定はid属性を使用し、次のように記述します。
id="(名前)"したがって、id属性に「sd01」と付けたサウンド用タグは次のように記述します。
最初は音を鳴らさないのでsrc属性は何も指定しません。
<bgsound src="" id="sd01">Javascriptでこのタグのsrc属性を変更するには次のように記述します。
document.getElementById('sd01').src='(音楽用ファイル名)';
- 【記述サンプル】
-
このサンプルでは次のように記述しています。
<bgsound src="" id="sd01">
<span onmouseover="document.getElementById('sd01').src='../../sounds/laser.wav';" onmouseout="document.getElementById('sd01').src='../../sounds/laser.wav';">ここにマウスを重ねるとサウンドが鳴る </span>