jQuery coveringBad 效果对比 博客分类: jQuery jQuerycoveringBad效果对比
程序员文章站
2024-03-25 23:20:46
...
Covering-Bad 是一个可拉动大小的元素,覆盖在原有的元素上面,从而两者进行对比。
在线实例
使用方法
- <div class="covered" data-passive="images/2.jpg" data-active="images/1.jpg">
- <div class="handle"></div>
- <div class="changeable"></div>
- </div>
- jQuery
- $(function() {
- $('.covered').coveringBad();
- });
复制
参数详解
参数 | 描述 | 默认值 |
marginX | 拉手与左右边界的距离 | 30 |
marginY | 拉手与上下边界的距离 | 30 |
setX | 左边的位置 | 30 |
setY | 上边的位置 | 30 |
direction | 方向,可选 horizontal(水平方向)或 vertical(垂直方向) | horizontal |
推荐阅读
-
jQuery coveringBad 效果对比 博客分类: jQuery jQuerycoveringBad效果对比
-
jQuery实现页面锚点滚动效果 博客分类: jQuery jQuery锚点回到顶部js
-
jquery 淡进淡出的 BLINK 效果 博客分类: Accumulation jqueryjavascriptanimation
-
使用jquery及javascript实现文本滚动效果 博客分类: web开发学习笔记 JavaScriptjQuery
-
JQuery设置数据滑动展示效果 博客分类: JQuery 数据滑动 JQuery
-
JQuery设置数据滑动展示效果 博客分类: JQuery 数据滑动 JQuery
-
页面split效果 博客分类: JavaScript,jQuery
-
解决jCarouselLite向右滚动和悬停效果 博客分类: jquery CSSjQueryGoOpenSourceGmail
-
解决jCarouselLite向右滚动和悬停效果 博客分类: jquery CSSjQueryGoOpenSourceGmail
-
jQuery实现的原图对比窗帘效果_jquery