基本用法

Demonstrates basic usage of the plugin.

垂直方向

Demonstrates sliding up and down.

多个调用

Using multiple comparisons at once.

代码整理:时代Java - NowJava.com 

注:此代码仅供学习交流,请勿用于商业用途。

TwentyTwenty图片对比插件(jQuery),拖动图片上的滑块按钮可以很轻松的突出显示两个图像之间差异,兼容主流浏览器,时代Java - NowJava.com推荐下载!


使用方法:

1、在head区域引入样式表文件foundation.css和twentytwenty.css

2、在你的网页中加入<!-- 代码 开始 --><!-- 代码 结束 -->注释区域代码即可

3、引入jquery.min.js和jquery.event.move.js和jquery.twentytwenty.js

4、确定你想要的效果,拷贝对应代码到你的网页中即可。

下载代码说明
X关闭

TwentyTwenty图片对比插件(jQuery)

TwentyTwenty图片对比插件(jQuery),拖动图片上的滑块按钮可以很轻松的突出显示两个图像之间差异,兼容主流浏览器,推荐下载!使用方法:1、在head区域引入样式表文件foundation.css和twentytwenty.css2、在你的网页中加入<!-- 代码 开始 --><!-- 代码 结束 -->注释区域代码即可3、引入jquery.min.js