这是一款非常棒的图片对比工具,能够方便的应用到你的网站中。其基本思路是把两张图片层叠在一起,当你拖动滑竿的时候,利用 CSS clip 裁剪图片,进行形成视觉对比效果。
您可能感兴趣的相关文章
使用方法非常简单,HTML 示例代码:
<div id='container1'> <img src='sample-before.png' /> <img src='sample-after.png' /> </div>
JavaScript 示例代码:
$(window).load(function() { $('#container1').twentytwenty(); });
您可能感兴趣的相关文章
相关推荐
使用 jQuery插件实现简单的图片预览功能
前端使用JQUERY实现批注功能
jquery实现图片切换的功能.只需要引用相应的js文件就可以实现
jquery实现图片即时上传,兼容多种浏览器,实现功能强大,代码简单,值得分析学习。
jquery实现图片放大功能 带jquery的js文件 希望能帮助大家
使用jQuery实现图片轮播html5手机web页面
功能:小图片,鼠标放上去显示大图片......
简练代码,高效掌握jQuery
jQuery UI 实现图片裁切功能jQuery UI 实现图片裁切功能jQuery UI 实现图片裁切功能jQuery UI 实现图片裁切功能
jQuery实现图片轮播,这个项目实现前端网页经常用到的图片轮播功能。主要用到HTML、CSS和jQuery技术,非常适合前端入门练习。
Jquery 实现图片放大,缩小,拖动,旋转功能, 兼容各种浏览器。
使用jQuery实现的效果,主要是调用js实现一些特效,有兴趣可以学习。。
简单的Jquery实现图片切换,
使用jQuery实现图片预加载和自动等比例缩放插件
(jQuery)TwentyTwenty图片对比插件Demo.rar
jQuery实现图片切换
jquery 实现点击图片放大效果
用jquery实现图片自动切换,效果很好看,很给力!
jQuery实现图片动态加载效果 鼠标滚动时图片动态加载