jQuery滑块验证插件（PC）

所属分类：输入-拖和放,验证

46167 446 查看评论 (28)

分享到微信朋友圈

查看演示立即下载

插件描述：jQuery拖拽滑块验证插件，仅适用PC端

使用方法

1.引入样式和脚步

<link rel="stylesheet" href="css/jquery.slider.css" />
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="js/jquery.slider.min.js"></script>

2.初始化插件

$("#slider2").slider({
    width: 340, // width
    height: 40, // height
    sliderBg: "rgb(134, 134, 131)", // 滑块背景颜色
    color: "#fff", // 文字颜色
    fontSize: 14, // 文字大小
    bgColor: "#33CC00", // 背景颜色
    textMsg: "按住滑块，拖拽验证", // 提示文字
    successMsg: "验证通过了哦", // 验证成功提示文字
    successColor: "red", // 滑块验证成功提示文字颜色
    time: 400, // 返回时间
    callback: function(result) { // 回调函数，true(成功),false(失败)
        $("#result2").text(result);
    }
});

FitText.js一款使文字填充式自适应的JQ插件

视觉滚动差效果