jQuery实现鼠标滑过点击事件音效试听
发布于 2017-04-22 02:16:19 | 217 次阅读 | 评论: 0 | 来源: 网友投递
jQuery javascript框架
jQuery是一个兼容多浏览器的javascript框架，核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布，吸引了来自世界各地的众多JavaScript高手加入，由Dave Methvin率领团队进行开发。
本文给大家介绍jquery鼠标滑过点击事件音效试听，使用jquery插件实现的特效，感兴趣的朋友一起来学习吧。
废话不多说了，直接看效果图吧。
效果图如下：
html代码：
<div class="wrapper">
<h1 class="sub-section__title">eventType : </h1>
<div class="center" style="margin-top: 40px;">
<div id="trigger-2-hover" class="sound-trigger sound-trigger--type-default-2 sound-trigger--type-hover">
<p class="sound-trigger__speach">HOVER!</p>
<div class="sound-trigger__inner">
<i class="fa fa-volume-up fa-lg"></i>
</div>
</div>
<div id="trigger-2-click" class="sound-trigger sound-trigger--type-default sound-trigger--type-click">
<p class="sound-trigger__speach">CLICK!</p>
<div class="sound-trigger__inner">
<i class="fa fa-volume-up fa-lg"></i>
</div>
</div>
</div>推荐阅读
最新资讯