トップ > DHTMLサンプル

※同様の処理が「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>



page update:2010/01/23 20:32

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