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

社会上要想分出层次,只有一个办法,那就是竞争,你必须努力,否则结局就是被压在社会的底层。
使用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添加鼠标悬浮音响效果不如何使用FLASH就介绍到这了。在心甘情愿的浪费的过程里,青春渐渐逝去,直到消失,而我们却继续着在青春上所遗留的习惯却不自知。不知道我们在重复着浪费的举动,也不知道自己其实要给青春交出答卷,更不知道要用何种方式去祭奠青春。更多相关HTML5添加鼠标悬浮音响效果不如何使用FLASH内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

您可能有感兴趣的文章
5分钟如何实现Canvas鼠标跟随动画背景

解析html5 canvas如何实现背景鼠标连线动态效果代码

canvas如何实现按住鼠标移动绘制出轨迹的示例代码

如何利用HTML5 Canvas制作键盘及鼠标动画的实例分享

用HTML5如何实现鼠标滚轮事件放大缩小图片的功能