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

在线实例

左右对比

上下对比

使用方法

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