jQuery实现鼠标滑过点击事件音效试听
2015-08-31 00:00
786 查看
废话不多说了,直接看效果图吧。
效果图如下:
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实现可点击伸缩与展开的菜单效果代码
- 基于jQuery实现的向下滑动二级菜单效果代码
- 基于jquery css3实现点击动画弹出表单源码特效
- jquery中的ajax方法参数了解
- (function($){...})(jQuery)的意思
- jQuery事件冒泡样例
- 浅析jQuery中常用的元素查找方法总结
- jquery文档处理
- jquery选择器(原创)<二>
- jquery几个常用的demo
- jquery的checkbox操作
- jQueryMobile的事件
- jQuery操作DOM元素
- JQuery的ready函数与JS的onload的区别
- jQueryMobile的组件之下拉菜单(selectMenu)
- 如何尽量避免引用jQuery
- 从html字符串中获取div内容---jquery
- jquery插件封装:弹出iframe模式框
- jQuery事件命名空间