jquery通过滑块移动改变图片颜色插件

当前位置:主页 > jQuery库 > 图片效果 > jquery通过滑块移动改变图片颜色插件
jquery通过滑块移动改变图片颜色插件
分享:

    插件介绍

    Covering-Bad是一款很有意思的jQuery图片插件。这款jQuery图片插件能够通过用鼠标移动图片中的滑块来改变图片的颜色。这种效果就像是把图片的颜色过滤掉了一样。

    浏览器兼容性

    浏览器兼容性
    时间:10-24
    阅读:

简要教程

Covering-Bad插件的使用方法如下:

引入js文件



               
                

HTML结构

调用方法

$(function() {
    $(".covered").coveringBad();
});
                

可用参数

marginY : 20,   // Handle's distance from top and bottom
marginX : 20,   // Handle's distance from left and right
setX    : 30,   // Defulat location for handle from left
setY    : 150,  // Defulat location for handle from top
direction : "horizontal" // would be horizontal/vertical