jQuery 滑动对比插件 twentytwenty

码农软件 · 软件分类 · jQuery界面效果 · 2020-01-01 21:43:23

软件介绍

twentytwenty 是一款基于 jQuery 的滑动对比插件,它也支持水平方向和垂直方向、支持设置前后对比区域大小。twentytwenty 的实现原理是两张图片叠在一起,然后是使用 CSS clip:rect 进行裁切。

用法示例

1、HTML

<div id="container1">
 <!-- The before image is first -->
 <img src="http://placehold.it/400x200&text=1" />
 <!-- The after image is last -->
 <img src="http://placehold.it/400x200&text=2" />
</div>

2、JavaScript

$(function(){
    $('.twentytwenty-container').twentytwenty();
});

查看演示

浏览器支持:

  • IE8+

  • Firefox (latest)

  • Chrome

  • Safari

  • Android

  • iOS (iPhone, iPad)

本文地址:https://codercto.com/soft/d/22459.html

Java性能优化权威指南

Java性能优化权威指南

Charlie Hunt、Binu John / 柳飞、陆明刚 / 人民邮电出版社 / 2014-3 / 109.00 元

Java性能优化圣经!Java之父重磅推荐! 本书由曾任职于Oracle/Sun的性能优化专家编写,系统而详细地讲解了性能优化的各个方面,帮助你学习Java虚拟机的基本原理、掌握一些监控Java程序性能的工具,从而快速找到程序中的性能瓶颈,并有效改善程序的运行性能。 Java性能优化的任何问题,都可以从本书中找到答案!一起来看看 《Java性能优化权威指南》 这本书的介绍吧!

随机密码生成器
随机密码生成器

多种字符组合密码

Markdown 在线编辑器
Markdown 在线编辑器

Markdown 在线编辑器

UNIX 时间戳转换
UNIX 时间戳转换

UNIX 时间戳转换