45fan.com - 路饭网

搜索: 您的位置主页 > 电脑频道 > 编程代码 > 阅读资讯:jQuery鼠标滑过点击事件音效试听实例分享

jQuery鼠标滑过点击事件音效试听实例分享

2015-09-18 04:41:04 来源:www.45fan.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>

本文地址:http://www.45fan.com/bcdm/21445.html
Tags: 实现 jquery 鼠标
编辑:路饭网
推广内容
推荐阅读
热门推荐
推荐文章
关于我们 | 联系我们 | 友情链接 | 网站地图 | Sitemap | App | 返回顶部