Covering-Bad演示5种图片对比效果

收藏

Covering-Bad 是一个可拉动大小的元素，覆盖在原有的元素上面，从而两者进行对比。腾讯用此插件就做了一个地图对比的效果，点击查看地震专题对比http://news.qq.com/photon/tpyk/jqvs.htm。

0、请不要问“在不在”之类的问题，有问题直接问！1、学生或暂时没有工作的童鞋，整站资源免费下载！2、￥9.9充值终身VIP会员,加我微信，826096331 拉你进VIP群学习！3、程序员加油,技术改变世界。在线 充值

查看演示

加我微信，拉你进VIP群学习：

下载资源 下载积分： 30 积分

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();
});