HTML5添加鼠标悬浮音响效果不使用FLASH
HTML5添加鼠标悬浮音响效果不使用FLASH
发布时间:2016-12-27 来源:查字典编辑
摘要:使用HTML5+jQuery,不使用FLASH:浏览器适用范围:Firefox3.5+,Chrome3+,Opera10.5+,Safari...

使用HTML5+jQuery,不使用FLASH:

浏览器适用范围:Firefox 3.5+, Chrome 3+, Opera 10.5+, Safari 4+, IE 9+

代码示例:

$("#speak").mouseenter(function(){

$("<audio></audio>").attr({

'src':'audio/'+Math.ceil(Math.random() * 5)+'.mp3',

'volume':0.4,

'autoplay':'autoplay'

}).appendTo("body");

});

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

该代码示范(使用了jQuery)来自goodfootapp.com首页。

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新HTML5教程学习
热门HTML5教程学习
网页设计子分类