Use HTML5 to add a mouse hover audio effect without FLASH

Comments: You can use HTML5 + jQuery to add a hover sound effect. It is compatible with Firefox 3.5 + and Chrome 3 +. You can use the html5 audio element to randomly play an mp3 sound effect, for more information about how to use HTML5 + jQuery, do not use FLASH:

Browser: Firefox 3.5 +, Chrome 3 +, Opera 10.5 +, Safari 4 +, IE 9 +

Sample Code:

The Code is as follows:
$ ("# Speak"). mouseenter (function (){
$ ("<Audio> </audio>"). attr ({
'Src': 'audio/'+ Math. ceil (Math. random () * 5)+'hangzhou ',
'Volume ': 0.4,
'Autoplay': 'autoplay'
}). AppendTo ("body ");
});

The above uses the html5 audio element to randomly play an mp3 sound effect.

This code example (jQuery is used) comes from the goodfootapp.com homepage.