AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

jQuery实现鼠标滑过点击事件音效试听

51自学网 http://www.wanshiok.com
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>


jquery鼠标滑过事件,jquery鼠标滑过音效  
上一篇:Bootstrap的图片轮播示例代码  下一篇:js实现仿百度风云榜可重复多次调用的TAB切换选项卡效果