>  기사  >  웹 프론트엔드  >  HTML5는 FLASH_html5 튜토리얼 기술을 사용하지 않고 마우스 호버 사운드 효과를 추가합니다.

HTML5는 FLASH_html5 튜토리얼 기술을 사용하지 않고 마우스 호버 사운드 효과를 추가합니다.

WBOY
WBOY원래의
2016-05-16 15:47:561706검색

FLASH가 아닌 HTML5 jQuery 사용:

브라우저 적용 범위: Firefox 3.5, Chrome 3, Opera 10.5, Safari 4, IE 9

코드 예:

코드 복사
코드는 다음과 같습니다.

$("#speak").mouseenter(function(){
$("").attr({
'src':'audio/' Math.ceil(Math.random() * 5) '.mp3',
'volume':0.4,
'autoplay':'autoplay'
}).appendTo("body")
})

위는 오디오 요소입니다. html5를 사용하면 mp3 사운드 효과가 무작위로 재생됩니다.

이 코드 데모(jQuery 사용)는 goodfootapp.com 홈페이지에서 가져온 것입니다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.