기사 소개:
일반적으로 웹 페이지의 버튼은 사운드 이벤트를 트리거하지 않습니다. 버튼이 마우스 움직임에 반응하여 소리를 내도록 하려면 JavaScript 스크립트 코드를 작성하여 이를 달성할 수 있습니다.
버튼으로 소리를 낼 수 있는 스크립트입니다. 이제 플래시 버튼을 만들 필요가 없습니다. 사용해 보고 나서 꽤 기분이 좋았습니다.
제작 방법:
1. 새 파일 만들기:
다음은 인용문입니다.
DynamicAudioButton.js, 코드:
//동적 오디오 링크 사용자 정의 동적 사운드 링크 사용자 정의
함수 DynamicAudioLink(){
열기(" http://www.pcedu.com.cn ")
}
//동적 오디오 마우스 오버 색상 사용자 정의 동적 사운드 마우스 오버 색상 사용자 정의
함수 AudioOver() {
document.Audio.button.style.Background="#999999"
document.Audio.button.style.color="흰색"
}
//동적 오디오 마우스 다운 색상 사용자 정의 동적 사운드 마우스 다운 색상 사용자 정의
함수 AudioDown() {
document.Audio.button.style.color="#cccccc"
}
//동적 오디오 마우스 끄기 색상 사용자 정의 동적 사운드 mouseOff 색상 사용자 정의
함수 AudioOut() {
document.Audio.button.style.Background="#666666"
document.Audio.button.style.color="#ffffff"
}
//동적 오디오 사운드 사용자 정의 동적 사운드 사용자 정의
함수 플레이홈()
{
document.all.sound.src = "bleep.wav";
}
document.write('<bgsound id="sound">')
//버튼 스타일 사용자 정의 버튼 스타일 사용자 정의
document.write('<style type="text/css">'+'<!--')
document.write('.select{배경:#666666;테두리 색상:"#999999";색상:"#ffffff";글꼴-가족:Arial,Helvetica,Verdana;글꼴 크기:10pt;글꼴-가중치: 굵게 ;}'+'-->'+'</STYLE>')
document.write('<center><form name=Audio><input class="select" name=button type="button" value="동적 오디오" onclick="DynamicAudioLink()" onMouseOver="AudioOver();playHome()" onMouseDown="AudioDown()" onMouseOut="AudioOut()"></form></center>')
2. 파일을 저장한 후 페이지의 해당 위치에 JS 파일을 참조하는 코드를 삽입합니다.
다음은 참조 부분입니다.
<스크립트 언어="JavaScript" SRC="DynamicAudioButton.js"></script>
3. wav, MP3 등 좋은 음악 파일을 선택합니다. 음악 파일은 가능한 한 작아야 합니다.
메서드가 생성된 후 사용자는 그림 및 기타 양식을 사용할 수 있으며 물론 DynamicAudioButton.js 파일의 해당 코드도 수정해야 합니다.