Javascriptを使って音のボタンを作ります.
2267 ワード
一般的には、Webページのボタンには音声トリガイベントがありません.ボタンをマウスの動きに応答させて音を出すなら、JavaScriptのスクリプトコードを書いて実現できます.
ボタンを音声にできるスクリプトはFlashボタンを作らなくてもいいです.試してみた感じはいいです.
作り方:
1、新規ファイル:
以下は参照フラグメントです.
以下は参照フラグメントです.
<Script laguage=「JavaScript」SRC=「DynamicAudio Button.js」
3、音楽ファイルを選んでください.wav、MP 3などができます.音楽ファイルはなるべく小さくしてください.
方法は完成して、ユーザーはピクチャーなどの形式を使うことができて、もちろんDynamicAudio Button.jsファイルの相応するコードをも改正しなければなりません.
この方法はIEブラウザだけで有効らしいです.
ボタンを音声にできるスクリプトはFlashボタンを作らなくてもいいです.試してみた感じはいいです.
作り方:
1、新規ファイル:
以下は参照フラグメントです.
DynamicAudioButton.js , :
//Customize Dynamic Audio Link
function DynamicAudioLink(){
open("http://www.pcedu.com.cn")
}
//Customize Dynamic Audio Mouse Over Color mouseover
function AudioOver() {
document.Audio.button.style.background="#999999"
document.Audio.button.style.color="white"
}
//Customize Dynamic Audio Mouse Down Color mousedown
function AudioDown() {
document.Audio.button.style.color="#cccccc"
}
//Customize Dynamic Audio Mouse Off Color mouseOff
function AudioOut() {
document.Audio.button.style.background="#666666"
document.Audio.button.style.color="#ffffff"
}
//Customize Dynamic Audio sound
function playHome()
{
document.all.sound.src = "bleep.wav";
}
document.write('<bgsound id="sound">')
//Customize Button Style
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 Audio" onclick="DynamicAudioLink()" onMouseOver="AudioOver();playHome()" onMouseDown="AudioDown()" onMouseOut="AudioOut()"></form></center>')
2、ファイルを保存した後、ページの関連箇所にコードを挿入してJSファイルを参照する:以下は参照フラグメントです.
<Script laguage=「JavaScript」SRC=「DynamicAudio Button.js」
3、音楽ファイルを選んでください.wav、MP 3などができます.音楽ファイルはなるべく小さくしてください.
方法は完成して、ユーザーはピクチャーなどの形式を使うことができて、もちろんDynamicAudio Button.jsファイルの相応するコードをも改正しなければなりません.
この方法はIEブラウザだけで有効らしいです.