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

(编辑：jimmy 日期: 2026/1/17 浏览：2)

废话不多说了，直接看效果图吧。

效果图如下：

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>

上一篇：Bootstrap的图片轮播示例代码

下一篇：js实现仿百度风云榜可重复多次调用的TAB切换选项卡效果