使用Javascript制作声音按钮

能让按钮发出声音的脚本，这下不用制作flash按钮也可以了，我试用的感觉还不错。

　　制作方法：
　　1、新建文件：dynamicaudiobutton.js ，代码：

//customize dynamic audio link 自定义动态声音链接
function dynamicaudiolink(){
open("http://it365cn.com/")
}

//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">++</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 language="javascript" src="dynamicaudiobutton.js"></script>

　　3、选择好音乐文件，可以是wav、mp3等，音乐文件尽量小些。

　　方法制作完成，用户可以使用图片等形式，当然也得修改 dynamicaudiobutton.js 文件相应的代码。

（）

返回顶部

下一篇：VBScript和JScript互相调用方法 >>