jQuery coveringBad 效果对比 http://zaixianshouce.iteye.com/blog/2316101
Covering-Bad 是一个可拉动大小的元素,覆盖在原有的元素上面,从而两者进行对比。
在线实例
使用方法
-
12345678<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 |