腾讯用过的插件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>