Introduction de l'article :
De manière générale, les boutons des pages Web ne déclenchent pas d'événements sonores. Si vous souhaitez qu'un bouton émette un son en réponse aux mouvements de la souris, nous pouvons écrire un code de script JavaScript pour y parvenir.
Un script qui peut faire émettre des sons aux boutons. Désormais, vous n'avez plus besoin de créer des boutons Flash. Je me sentais plutôt bien après l'avoir essayé.
Méthode de production :
1. Créez un nouveau fichier :
Ce qui suit est un devis :
DynamicAudioButton.js, code :
//Personnaliser le lien audio dynamique Personnaliser le lien audio dynamique
fonction DynamicAudioLink(){
ouvrir(" http://www.pcedu.com.cn ")
}
//Personnaliser la couleur du survol du son dynamique Personnaliser la couleur du survol du son dynamique
fonction AudioOver() {
document.Audio.button.style.background="#999999"
document.Audio.button.style.color="blanc"
}
//Personnaliser la couleur du son dynamique de la souris Personnaliser la couleur du son dynamique de la souris
fonction AudioDown() {
document.Audio.button.style.color="#cccccc"
}
//Personnaliser la couleur dynamique de la souris audio Personnaliser la couleur dynamique de la souris
fonction AudioOut() {
document.Audio.button.style.background="#666666"
document.Audio.button.style.color="#ffffff"
}
//Personnaliser le son Dynamic Audio Personnaliser le son dynamique
fonction playHome()
{
document.all.sound.src = "bip.wav";
}
document.write('<bgsound id="sound">')
//Personnaliser le style du bouton Personnaliser le style du bouton
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="Dynamique Audio" onclick="DynamicAudioLink()" onMouseOver="AudioOver();playHome()" onMouseDown="AudioDown()" onMouseOut="AudioOut()"></form></center>')
2. Après avoir enregistré le fichier, insérez le code pour référencer le fichier JS aux endroits appropriés sur la page :
Ce qui suit est un fragment de référence :
<Langage de script="JavaScript" SRC="DynamicAudioButton.js"></script>
3. Choisissez un bon fichier musical, qui peut être wav, MP3, etc. Le fichier musical doit être aussi petit que possible.
Une fois la méthode créée, les utilisateurs peuvent utiliser des images et d'autres formulaires. Bien entendu, ils doivent également modifier le code correspondant du fichier DynamicAudioButton.js.