twentytwenty 介绍
twentytwenty 是一款基于 jQuery 的滑动对比插件，它也支持水平方向和垂直方向、支持设置前后对比区域大小。twentytwenty
的实现原理是两张图片叠在一起，然后是使用 CSS clip:rect 进行裁切。
用法示例
1、HTML
<div id="container1"> <!-- The before image is first --> <img src="http://placehold.it/400x200&text=1" /> <!-- The after image is last --> <img src="http://placehold.it/400x200&text=2" /> </div>
2、JavaScript
$(function(){
$('.twentytwenty-container').twentytwenty();
});
浏览器支持：
-
IE8+
-
Firefox (latest)
-
Chrome
-
Safari
-
Android
-
iOS (iPhone, iPad)
twentytwenty 官网
https://github.com/zurb/twentytwenty
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
