Введение в статью:
Вообще говоря, кнопки на веб-страницах не вызывают звуковых событий. Если вы хотите, чтобы кнопка издавала звук в ответ на движения мыши, мы можем написать код сценария JavaScript для достижения этой цели.
Скрипт, который может заставить кнопки издавать звуки. Теперь вам не нужно создавать кнопки Flash. Попробовав его, я почувствовал себя довольно хорошо.
Метод изготовления:
1. Создайте новый файл:
Ниже приведена цитата:
DynamicAudioButton.js, код:
//Настроить ссылку на динамический звук Настроить ссылку на динамический звук
функция DynamicAudioLink(){
открыть(" http://www.pcedu.com.cn ")
}
//Настройка цвета динамического звука при наведении курсора мыши. Настройка цвета динамического звука при наведении курсора мыши.
функция AudioOver() {
document.Audio.button.style.background="#999999"
document.Audio.button.style.color="white"
}
//Настроить цвет динамического звука при наведении мыши. Настроить цвет динамического звука при наведении мыши.
функция AudioDown() {
document.Audio.button.style.color="#cccccc"
}
//Настройка цвета динамического звука при отключении мыши. Настройка цвета динамического звука при отключении мыши.
функция AudioOut() {
document.Audio.button.style.background="#666666"
document.Audio.button.style.color="#ffffff"
}
//Настраиваем звук динамического звука. Настраиваем динамический звук.
функция playHome()
{
document.all.sound.src = "beep.wav";
}
document.write('<bgsound id="sound">')
//Настраиваем стиль кнопки Настраиваем стиль кнопки
document.write('<style type="text/css">'+'<!--')
document.write('.select{background:#666666;border-color:"#999999";color:"#ffffff";семейство шрифтов:Arial,Helvetica,Verdana;размер шрифта:10pt;вес шрифта: жирный ;}'+'-->'+'</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.