腾讯用过的插件jQuery twentytwenty 效果对比

在线实例

左右对比

上下对比

使用方法

1. <div class="twentytwenty-container">
2.     <img src="/api/jq/5733e37340d99/img/2.jpg" alt="">
3.     <img src="/api/jq/5733e37340d99/img/1.jpg" alt="">
4. </div>
5. <script>
6.     $(function() {
7.         $('.twentytwenty-container').twentytwenty();
8.     });
9. </script>

复制

 

---

下载