Javascriptを使用してサウンドボタンを作成する

記事の紹介:

一般に、Web ページ上のボタンはサウンド イベントをトリガーしません。マウスの動きに反応してボタンから音を鳴らしたい場合は、それを実現するための JavaScript スクリプト コードを作成できます。

ボタンを鳴らせるスクリプトは、Flash ボタンを作る必要がなくなりました。試してみると、かなり良いと感じました。

作成方法：

1. 新しいファイルを作成します。

以下は引用です。
DynamicAudioButton.js、コード:
//ダイナミック オーディオ リンクのカスタマイズ ダイナミック サウンド リンクのカスタマイズ
関数 DynamicAudioLink(){
open(" http://www.pcedu.com.cn ")
}

//ダイナミック オーディオのマウスオーバーの色をカスタマイズします。 ダイナミック サウンドのマウスオーバーの色をカスタマイズします。
関数 AudioOver() {
document.Audio.button.style.background="#999999"
document.Audio.button.style.color="白"
}

//ダイナミックオーディオのマウスダウンカラーをカスタマイズします ダイナミックサウンドのマウスダウンカラーをカスタマイズします
関数 AudioDown() {
document.Audio.button.style.color="#cccccc"
}

//ダイナミック オーディオ マウスのオフの色をカスタマイズします。 ダイナミック サウンドのマウスのオフの色をカスタマイズします。
関数 AudioOut() {
document.Audio.button.style.background="#666666"
document.Audio.button.style.color="#ffffff"
}

//ダイナミック オーディオ サウンドのカスタマイズ ダイナミック サウンドのカスタマイズ
関数playHome()
{
document.all.sound.src = "ブリープ.wav";
}

document.write('<bgsound id="sound">​​')

//ボタンのスタイルをカスタマイズ ボタンのスタイルをカスタマイズ
document.write('<style type="text/css">'+'<!--')
document.write('.select{background:#666666;border-color:"#999999";color:"#ffffff";font-family:Arial、Helvetica、Verdana;font-size:10pt;font-weight:bold ;}'+'-->'+'</STYLE>')

document.write('<center><form name=Audio><input class="select" name=button type="button" value="Dynamicオーディオ" onclick="DynamicAudioLink()" onMouseOver="AudioOver();playHome()" onMouseDown="AudioDown()" onMouseOut="AudioOut()"></form></center>')

2. ファイルを保存した後、ページ上の関連する場所に JS ファイルを参照するコードを挿入します。

以下は参照フラグメントです。
<スクリプト言語="JavaScript" SRC="DynamicAudioButton.js"></script>

3. wav、MP3 などの適切な音楽ファイルを選択します。音楽ファイルはできるだけ小さい必要があります。

メソッドの作成後、ユーザーは画像やその他のフォームを使用できるようになります。もちろん、DynamicAudioButton.js ファイルの対応するコードも変更する必要があります。