无论你是否感觉到,音效都是网络应用程序最重要的方面之一。uisound库为您的jQuery项目带来了一组27种专业音效。
这些音效质量高,易于使用和自定义。只需几个简单的步骤,就可以轻松地将这些声音效果添加到jQuery项目中。
它还附带了一个jQuery插件,允许您以编程方式播放声音效果,并自定义每个页面上声音效果的触发事件。
1.在jquery之后下载并加载jquery.ui.sound.js插件。
<script src="/path/to/cdn/jquery.slim.min.js"></script> <script src="/path/to/js/jquery.ui.sound.js"></script>
2.播放您指定的声音效果。您可以在声音
文件夹所有可用的音效名称:
$("#hover").on("mouseenter", function(){ $(this).uiSound({ play: "hover", }); });
3.以秒为单位设置持续时间。默认值:3s。
$("#hover").on("mouseenter", function(){ $(this).uiSound({ play: "hover", dur: 5, }); });