好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

HTML5添加鼠标悬浮音响效果不使用FLASH

使用HT ML 5+ jq uery,不使用FLASH:

浏览器适用范围:Firefox 3.5+, Ch rom e 3+, opera 10.5+, Safari 4+, IE 9+

代码示例:

@H_ 126 _7@ 复制代码

代码如下:


$(" # s PE ak").mouseenter(function(){
$("<audio></audio>").attr({
'src':'audio/'+Math.c ei l(Math.random() * 5)+'.m P3 ',
'volume':0.4,
'auto play ':'autoplay'
}).appendTo("body");
});


上面是使用html5的audio元素,随机播放一个mp3 音效 。

该代码示范(使用了jQuery)来自goo DF ootapp .COM 首页。

总结

以上是 为你收集整理的 HTML5添加鼠标悬浮音响效果不使用FLASH 全部内容,希望文章能够帮你解决 HTML5添加鼠标悬浮音响效果不使用FLASH 所遇到的问题。

如果觉得 网站内容还不错, 推荐好友。

查看更多关于HTML5添加鼠标悬浮音响效果不使用FLASH的详细内容...

  阅读:23次