Heim >Web-Frontend >H5-Tutorial >HTML5 fügt Maus-Hover-Soundeffekte hinzu, ohne dass FLASH_html5-Tutorial-Kenntnisse erforderlich sind

HTML5 fügt Maus-Hover-Soundeffekte hinzu, ohne dass FLASH_html5-Tutorial-Kenntnisse erforderlich sind

WBOY
WBOYOriginal
2016-05-16 15:47:561727Durchsuche

Verwenden Sie HTML5 jQuery, nicht FLASH:

Anwendbarer Browserbereich: Firefox 3.5, Chrome 3, Opera 10.5, Safari 4, IE 9

Codebeispiel:

Code kopieren
Der Code lautet wie folgt:

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

Das Obige ist das Audioelement Mit HTML5 wird zufällig ein MP3-Soundeffekt abgespielt.

Diese Codedemonstration (mit jQuery) stammt von der Homepage von goodfootapp.com.
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn