能让按钮发出声音的脚本 这下不用制作flash按钮也可以了 我试用的感觉还不错 制作方法 新建文件 DynamicAudioButton js 代码
//Customize Dynamic Audio Link 自定义动态声音链接function DynamicAudioLink(){open( )}//Customize Dynamic Audio Mouse Over Color 自定义动态声音mouseover颜色function AudioOver() {document Audio button style background= # document Aulor= white }//Customize Dynamic Audio Mouse Down Color 自定义动态声音mousedown颜色function AudioDown() {document Aulor= #cccccc }//Customize Dynamic Audio Mouse Off Color 自定义动态声音mouseOff 颜色function AudioOut() {document Audio button style background= # document Aulor= #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:# border color: # color: #ffffff font family:Arial Helvetica Verdanafont size: ptfont 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>)
保存文件后 在页面相关处插入代码引用该JS文件
<Script language= JavaScript SRC= DynamicAudioButton js ></script>
lishixinzhi/Article/program/Java/JSP/201311/19721
声音预加载,可以通过绕一下的方式去实现它,就是首先在头部构建你所需要加载的声音,然后添加对应的bgsound对象,让其同步加载,当声音全部加在完后,html回去执行window.onload动作,这个时候,声音已经在本地IE缓存中,然后在onload中删除预加载的bgsound对象,这样就是先了声音的预加载。
你在测试的时候可以先清空IE缓存,然后执行代码,再查看缓存。
代码如下:
<HTML>
<HEAD>
<TITLE>New Document </TITLE>
<bgsound volume='-5000' id='bgsound1' loop='1' src="http://localhost:8088/bpelDemo/aaa.mp3">
<bgsound volume='-5000' id='bgsound2' loop='1' src="http://localhost:8088/bpelDemo/bbb.mp3">
<bgsound volume='-5000' id='bgsound3' loop='1' src="http://localhost:8088/bpelDemo/ccc.mp3">
<bgsound volume='-5000' id='bgsound4' loop='1' src="http://localhost:8088/bpelDemo/ddd.mp3">
</HEAD>
<BODY>
<script>
function window.onload(){
var bgSoundObj = document.getElementById("bgsound1")
bgSoundObj.src=""
bgSoundObj.volume=1
//删除多余的bgsound对象
var bgSoundObjs = document.getElementsByTagName("bgsound")
for(var i=1i<bgSoundObjs.lengthi++){
bgSoundObjs[i].removeNode()
}
alert("目前所有音乐加载完成,可以去IE缓存查看加载MP3文件")
}
</script>
声音已经加载,播放无需重新加载<p>
<input type='button' onclick='document.getElementById("bgsound1").src="http://localhost:8088/bpelDemo/aaa.mp3"' value="music1">
<input type='button' onclick='document.getElementById("bgsound1").src="http://localhost:8088/bpelDemo/bbb.mp3"' value="music2">
<input type='button' onclick='document.getElementById("bgsound1").src="http://localhost:8088/bpelDemo/ccc.mp3"' value="music3">
<input type='button' onclick='document.getElementById("bgsound1").src="http://localhost:8088/bpelDemo/ddd.mp3"' value="music4">
</script>
</BODY>
</HTML>
在页面body里加上<bgsound id="snd" loop="0" src="">
然后再<head></head>之间加上
<script>
function playSound(src){
var _s = document.getElementById('snd')
if(src!='' &&typeof src!=undefined){
_s.src = src
}
}
</script>
调用时,比如用按钮调用:
<input type="button" value="声音" onclick="playSound('这里填写你的声音文件路径')">
声音文件尽量要小,几十K到wav文件即可
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)