Introducción del artículo:
en términos generales, los botones de las páginas web no activan eventos de sonido. Si desea que un botón emita un sonido en respuesta a los movimientos del mouse, podemos escribir un código de script JavaScript para lograrlo.
Un script que puede hacer que los botones emitan sonidos. Ahora no es necesario crear botones Flash. Me sentí bastante bien después de probarlo.
Método de producción:
1. Cree un nuevo archivo:
La siguiente es una cotización:
DynamicAudioButton.js, código:
//Personalizar enlace de audio dinámico Personalizar enlace de sonido dinámico
función EnlaceAudioDinámico(){
abierto(" http://www.pcedu.com.cn ")
}
//Personalizar el color del sonido dinámico al pasar el mouse Personalizar el color del sonido dinámico al pasar el mouse
función AudioOver() {
documento.Audio.button.style.background="#999999"
documento.Audio.button.style.color="blanco"
}
//Personalizar el color del sonido dinámico al presionar el mouse Personalizar el color del sonido dinámico al presionar el mouse
función AudioDown() {
documento.Audio.button.style.color="#cccccc"
}
//Personalizar el color de apagado del mouse de audio dinámico Personalizar el color de apagado del mouse de sonido dinámico
función Salida de audio() {
documento.Audio.button.style.background="#666666"
documento.Audio.button.style.color="#ffffff"
}
//Personalizar sonido de audio dinámico Personalizar sonido dinámico
función reproducirInicio()
{
document.all.sound.src = "bleep.wav";
}
document.write('<bgsound id="sound">')
//Personalizar estilo de botón Personalizar estilo de botón
document.write('<tipo de estilo="text/css">'+'<!--')
document.write('.select{fondo:#666666;border-color:"#999999";color:"#ffffff";font-family:Arial,Helvetica,Verdana;font-size:10pt;font-weight: negrita ;}'+'-->'+'</STYLE>')
document.write('<center><form name=Audio><input class="select" name=botón tipo="botón" valor="Dinámico Audio" onclick="DynamicAudioLink()" onMouseOver="AudioOver();playHome()" onMouseDown="AudioDown()" onMouseOut="AudioOut()"></form></center>')
2. Después de guardar el archivo, inserte el código para hacer referencia al archivo JS en lugares relevantes de la página:
El siguiente es un fragmento de referencia:
<Script language="JavaScript" SRC="DynamicAudioButton.js"></script>
3. Elige un buen archivo de música, que puede ser wav, MP3, etc. El archivo de música debe ser lo más pequeño posible.
Una vez creado el método, los usuarios pueden utilizar imágenes y otros formularios. Por supuesto, también deben modificar el código correspondiente del archivo DynamicAudioButton.js.