这是一款非常棒的图片对比工具，能够方便的应用到你的网站中。其基本思路是把两张图片层叠在一起，当你拖动滑竿的时候，利用 CSS clip 裁剪图片，进行形成视觉对比效果。
您可能感兴趣的相关文章
使用方法非常简单，HTML 示例代码：
<div id='container1'> <img src='sample-before.png' /> <img src='sample-after.png' /> </div>
JavaScript 示例代码：
$(window).load(function() {
$('#container1').twentytwenty();
});
您可能感兴趣的相关文章
本文链接：TwentyTwenty:使用 jQuery 对比两张图片的差别
编译来源：梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源
作者：山边小溪
主站：yyyweb.com 记住啦：）
欢迎任何形式的转载，但请务必注明出处。
