Covering-Bad 是一个可拉动大小的元素，覆盖在原有的元素上面，从而两者进行对比。腾讯用此插件就做了一个地图对比的效果，点击查看地震专题对比http://news.qq.com/photon/tpyk/jqvs.htm。
HTML
首先在.covered加上对比前的图片属性data-passive，和对比后的data-active
<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 |
系统已开启自动识别垃圾评论机制，识别到的自动封号，下载出错或者资源有问题请联系全栈客服QQ 1915635791