欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

jQuery coveringBad 效果对比 博客分类: jQuery jQuerycoveringBad效果对比 

程序员文章站 2024-03-25 23:20:46
...

Covering-Bad 是一个可拉动大小的元素,覆盖在原有的元素上面,从而两者进行对比。

在线实例

实例演示1    实例演示2

使用方法

  1. <div class="covered" data-passive="images/2.jpg" data-active="images/1.jpg"> 
  2.     <div class="handle"></div> 
  3.     <div class="changeable"></div> 
  4. </div>
  5. jQuery
  6. $(function() { 
  7.    $('.covered').coveringBad(); 
  8. });
复制

参数详解

参数 描述 默认值
marginX 拉手与左右边界的距离 30
marginY 拉手与上下边界的距离 30
setX 左边的位置 30
setY 上边的位置 30
direction 方向,可选 horizontal(水平方向)或 vertical(垂直方向) horizontal