移动端滑块验证

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

 2881  29  查看评论 (0)
移动端滑块验证 ie兼容11

注:请在移动端查看,或者开启浏览器模拟查看效果

使用方法

1.引入样式和脚本

<link rel="stylesheet" href="css/ft-slider.css" />
<script src="js/ft-slider.min.js" type="text/javascript" charset="utf-8"></script>

2.初始化插件

var slider = new FtSlider({
    id: "slider",
    callback: function(res) {
        // res返回验证结果
    }
});

 配置参数

OptionTypeDefaultDescription
widthnumber280宽度
heightnumber34高度
textMsgstring请按住滑块,拖动到最右边|提示文字
successMsgstring验证成功验证成功提示文字
callbackfunction回调函数参数是验证结果

 方法

MethodDescriptionExample
restore状态还原slider.restore();


相关插件-拖和放,验证

鼠标轨迹跟随

鼠标轨迹跟随
  拖和放
 12236  36

页面多板块拖动,调整边缘,吸附效果(原创)

接到一个需求:楼宇房间的简单布局:点击左侧房屋号码,到右面出现以后可以各种调整。
  拖和放
 1860  11

jquery拖动排序插件Nestable

jquery拖动排序插件Nestable
  拖和放
 37849  124

jQuery九宫格拖拽效果

九宫格拖拽效果简单上手附带代码注释详解
  拖和放
 4996  30

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币

取消回复