900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > 如何在html中加入音效 给网页中的按钮和图片添加声音

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

时间:2023-05-12 22:09:22

相关推荐

如何在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

本文来自投稿,不代表中国网页设计立场,如若转载,请注明出处:/1133.html

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。