基于jQuery鼠标滑过点击事件音效试听

2024-04-27 15:00:58

字体：大中小

来源：转载

供稿：网友

基于jQuery鼠标滑过点击事件音效试听。这是一款非常简单实用的HTML元素发音音频特效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>