HTML5:添加鼠标悬浮音响效果
2014-02-23 13:11
141 查看
使用HTML5+jQuery,不使用FLASH:
浏览器适用范围:Firefox 3.5+, Chrome 3+, Opera 10.5+, Safari 4+, IE 9+
代码示例:
上面是使用html5的audio元素,随机播放一个mp3音效。
该代码示范(使用了jQuery)来自goodfootapp.com首页。
by iefreer
浏览器适用范围: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首页。
by iefreer
相关文章推荐
- HTML5添加鼠标悬浮音响效果不使用FLASH
- jfreechart图表在web页面中添加鼠标悬浮效果
- Asp.net 2.0 GridView的几个事件(如实现: 行的双击/单击/捕捉键盘按键/鼠标悬浮/移出效果)(示例代码下载)
- 【我的代码】前端遇上After Effects --- 鼠标悬浮效果(上)
- 浅谈CSS和JQuery实现鼠标悬浮图片放大效果
- GridView 添加鼠标效果
- 使用jTopo给Html5 Canva中绘制的元素添加鼠标事件_html5教程技巧
- C# 鼠标悬停在datagridview的某单元格,显示悬浮框效果
- Html5添加制作全屏响应式效果的图片画廊插件教程
- 给blog添加效果(计数器、天气预报、精美flash时钟、跟随鼠标的萤火虫、跟随鼠标的文字、状态栏文本、副标题格言等)
- 纯CSS实现的当鼠标移上图片添加阴影效果代码
- 从零开始前端学习[22]:cursor鼠标悬浮效果和opacity透明度效果
- ASP.NET2.0下为GridView添加鼠标滑过(onmouseover、onmouseout)的行颜色高亮效果!
- Asp.net 2.0 GridView的几个事件(如实现: 行的双击/单击/捕捉键盘按键/鼠标悬浮/移出效果)(示例代码下载)
- 55-002-1 HTML5图片列表页面的制作 鼠标移动图片动态显示,文字动态阴影效果,渐变效果 列表前增加样式序列号
- 给blog添加效果(计数器、天气预报、精美flash时钟、跟随鼠标的萤火虫、跟随鼠标的文字、状态栏文本、副标
- 使用jTopo给Html5 Canva中绘制的元素添加鼠标事件_html5教程技巧
- 表格隔行变色效果,鼠标悬浮高亮显示
- 鼠标移动添加七彩泡泡效果
- Asp.net 2.0 GridView的几个事件(如实现: 行的双击/单击/捕捉键盘按键/鼠标悬浮/移出效果)(示例代码下载)