jQuery滑块验证插件(PC)


955 | 287  | 574 | 添加收藏 上一个 下一个
资源描述 : jQuery拖拽滑块验证插件,仅适用PC端
jQuery滑块验证插件(PC)
资源详情

使用方法


1.引入样式和脚步


<link rel="stylesheet" href="css/jquery.slider.css" />
<script src="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);
    }
});


指尖代码 资源每日更新 www.zjdaima.com