使用HTML5+jQuery添加鼠标悬浮音响效果,兼容Firefox 3.5+, Chrome 3+等等,使用html5的audio元素,随机播放一个mp3音效,需要的朋友可以参考下... 14-04-23
使用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 层的叠加的实现这篇文章主要介绍了HTML5 层的叠加的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友...
[阅读全文]
-
HTML5图片层叠的实现示例
HTML5图片层叠的实现示例这篇文章主要介绍了HTML5图片层叠的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的...
[阅读全文]
-
HTML5 背景的显示区域实现
HTML5 背景的显示区域实现这篇文章主要介绍了HTML5 背景的显示区域实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需...
[阅读全文]
-
-
-
-
-
-
-
网友评论