如何在html中加入音效,给网页中的按钮和图片添加声音

Loud links-是一款大小只有1.5KB的WEB音效插件，可以实现网页中按钮与图片等元素的触发交互，比如鼠标放上去后出现响声，或者鼠标点击后出现响声。Loud links使用相当简单。

使用方法

1. 在网页中引入JS 文件

2. 在需要触发的元素上加入对应 class 。

「loud-link-hover」为悬停触发声音；

「loud-link-click」为点击触发声音。

...

3. 使用「data-sound」来配置声音

方式一：绝对路径

...

//{{type}}为声音格式，为.mp3, .ogg

方式二：使用声音名称

...

//这里 noise 为声音名称，声音文件必须存放到音频目录：/sounds/mp3/noise.mp3 或 /sounds/ogg/noise.ogg

本文来自投稿，不代表中国网页设计立场，如若转载，请注明出处：http://www.125jz.com/1133.html

如何在html中加入音效,给网页中的按钮和图片添加声音相关推荐

在asp.net中如何用javascript读取本地Xml中的数据到网页中的文本框？
在asp.net中如何用javascript读取本地Xml中的数据到网页中的文本框? 转载于:https://www.cnblogs.com/dynasty/archive/2005/08/18/21 ...
网页表格线框html,关于Dreamweaver中怎么让html网页中的table边框细线显示?
关于Dreamweaver中怎么让html网页中的table边框细线显示? 对于不是编程的我们,用Dreamweaver制作表格的`情况下.默认表格边框会标的比较粗,今天给大家介绍下制作西表格超级简单 ...
php提取网页mp3,怎么提取网页中的音乐|下载网页中的音乐网页音乐提取工具及使用教程分享...
相信很多人都比较了解怎么下载网页上的视频吧,那么现在怎么提取网页中的音乐或者说怎么下载网页中的音乐 ,嗯~ o(*￣▽￣*)o ,不懂的孩纸,路过走过不要错过啦,快来看看小编分享的网页音乐提取工具及使 ...
html中文本重复,在网页中去除文本列表中重复行与计算重复次数的代码原理
在我们使用记事本等文本工具整理查看段落列表数据时,经常会遇到多行出现重复的相同内容,当段落行数较多时,如果手动去一行行的找重复的行,会比较麻烦,那么我们该怎样去实现简单的去除文本组成的列表中的重复行以 ...
html中加载rmvb,网页中播放RMVB格式的代码写法
-------------------------------------------------------------------------------- 看着很多很复杂的样子,其实就是多了些播 ...
html中border细线样式,网页中实现细线边框的两种方法
很多朋友都有过制作网页的经历,如今,众多网页的设计都用到了表格.这样不仅有利于网页的维护,同时,提高了网页的观赏性.在众多网页制作风格中,细边框这个制作方法是必不可少的.这里,我将简单地谈一下细边框的 ...
仿宋小二在html中怎么设置,CSS 网页中正确设置字体的方法 - 文章教程
现在的 PC 网站中,大多数都是使用的微软雅黑字体,Windows 7 自带了微软雅黑字体,而一些浏览器一般默认也是使用的这种字体,所以即使你不设置默认字体,多数浏览器的用户体验也基本一致,但是总是有 ...
Python3.6中对爬取网页中的/XBB的处理
在爬取百度首页时报错: UnicodeEncodeError: 'gbk' codec can't encode character '\xbb' in position 28613: illegal ...
java 获取图片的路径_Java中使用正则表达式获取网页中所有图片的路径
/** * 从HTML源码中提取图片路径,最后以一个 String 类型的 List 返回,如果不包含任何图片,则返回一个 size=0 的List * 需要注意的是,此方法只会提取以下格式的图片:. ...

如何在html中加入音效,给网页中的按钮和图片添加声音

如何在html中加入音效,给网页中的按钮和图片添加声音相关推荐

最新文章

热门文章