HTML
首先我们现在页面上放置两个对比图片
![[php框架] Smarty基础商品教程 Smarty入门教程 Smarty框架教程 共10课](https://jy.tp.yuanmeng.life/uploads/images/20210319/f47dc487eb949895833cd962fddc6a8b.jpg)
附件
<div class="twentytwenty-container">
<img src="img/2.jpg" alt="">
<img src="img/1.jpg" alt="">
</div>接着引入jQuery、jquery.event.move.js及jquery.twentytwenty.js。
<script type="text/javascript" src="jquery.js"></script>
<script src="js/jquery.event.move.js"></script>
<script src="js/jquery.twentytwenty.js"></script>调用twentytwenty插件：
$(function(){
$('.twentytwenty-container').twentytwenty();
});twentytwenty相关API
参数 描述 默认值 default_offset_pct 默认对比区域大小 0.5 orientation 方向，可选 horizontal（水平方向）或 vertical（垂直方向） horizontal*
回帖描述：*
链接类型：*
下载链接：
验证通过自动获取下载链接
*
描述：*
回帖描述：*
链接类型：*
阅读权限：*
下载链接：
微信客服
QQ客服
QQ群
