QQ客服
当前位置 : 首页 > 代码 > 网页特效 > 其它特效 > jQuery触屏滑块图片验证码插件

jQuery触屏滑块图片验证码插件

移动端的jQuery图片滑块式验证码插件。用户通过拖动滑块补缺校验效果。通过触屏或鼠标拖动图片填充拼图效果代码。
分享到微信朋友圈
X

使用方法:

1、head引入css文件

<!--框架样式-->
<link href="css/bootstrap.min.css" rel="stylesheet">

<!--图标样式-->
<link  rel="stylesheet">

<!--主要样式-->
<link href="disk/slidercaptcha.css" rel="stylesheet" />

<style>
.slidercaptcha {
	margin: 0 auto;
	width: 314px;
	height: 286px;
	border-radius: 4px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.125);
	margin-top: 40px;
}

.slidercaptcha .card-body {
	padding: 1rem;
}

.slidercaptcha canvas:first-child {
	border-radius: 4px;
	border: 1px solid #e6e8eb;
}

.slidercaptcha.card .card-header {
	background-image: none;
	background-color: rgba(0, 0, 0, 0.03);
}

.refreshIcon {
	top: -54px;
}
</style>

2、head引入js文件

<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>

3、body引入HTML代码

<div class="container-fluid">
	<div class="form-row">
		<div class="col-12">
			<div class="slidercaptcha card">
				<div class="card-header">
					<span>请完成安全验证</span>
				</div>
				<div class="card-body"><div id="captcha"></div></div>
			</div>
		</div>
	</div>
</div>

<script src="disk/longbow.slidercaptcha.js"></script>
<script>
	$('#captcha').sliderCaptcha({
		repeatIcon: 'fa fa-redo',
		setSrc: function () {
			return 'http://images.sdgxgz.com/Pic' + Math.round(Math.random() * 136) + '.jpg';
		},
		onSuccess: function () {

			alert('验证通过!');
		}
	});
</script>
[声明]本站素材来自用户分享,仅限学习交流请勿用于商业用途。如损害你的权益请联系客服QQ:2447402004给予处理。
举报×
举报原因:

相关代码

二维码
意见反馈
×
×

注册

QQ注册 立即下载 新浪注册 立即下载

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了
亚洲28 www.857166.com-菲律宾博彩ios| www.982241.com-360彩票工具| www.qo9.cc-吉林省体彩兑奖地址| www.c31.cn-k彩福登录-| www.55rt.com-体彩880元-| www.0935.date-app彩金-| www.31798.com-王牌彩票网址| www.83155.cc-彩票倍数怎么算的| www.049285.com-福彩独胆杀号3d| www.165182.com-全民竞彩彩票安全吗| www.267982.com-手机在线山东体彩| www.365594.cc-动漫彩铅教程| www.477732.com-今日体彩排三藏机诗| www.568655.com-天才与彩票-| www.653815.com-彩票反水1%-| www.783559.com-彩吧vip注册网址| www.871643.com-彩票3d缩水专家| www.973556.com-123彩票开奖公告| www.cp8884.com-昨天快三开奖号码| www.pl03.com-随州论坛湖北快三| www.55oj.com-广州铭彩印刷| www.1353.cc-苹果彩票线路| www.9138.cn-竞彩店宣传图片| www.51898.cc-彩宝网3d遗漏走势| www.001178.com-彩运8彩票邀请码| www.078399.com-福彩网提现不到账| www.153622.com-3d福彩预测-| www.279391.com-河南福彩幸运二跑马| www.373239.com-800万彩app-| www.553053.com-天下彩彩票网| www.657925.com-点点中彩票彩票软件| www.756354.com-全民彩票旧版本| www.853630.com-天津电脑福利彩票网| www.927976.com-分分中彩票网页版| www.990750.com-重庆7时彩是怎么玩| www.tv4.cc-北京快三计划软件| www.si48.com-新彊福利彩-| www.18aq.com-注册送彩金88| www.336.hk-趣彩彩票安卓版下| www.4545.pw-七星彩号码预测| www.03649.com-四川福利彩票双色球| www.52651.cc-怎样看体彩中奖规则| www.99943.com-168彩票能提现吗| www.074898.com-彩票真人中奖故事| www.148550.com-乐优炫彩提现不了| www.362670.com-现在什么彩票最热门| www.460018.com-懂球帝的懂彩帝| www.557850.com-彩宝怎么下载| www.632003.com-七彩虹主板官方网站| www.711583.com-双色球牛彩网预测| www.794100.com-体彩举报-| www.873700.com-二个彩票平台对刷| 幸运彩票www.669537.com| www.ju87.cc-彩票双色球怎么玩| www.f37.in-欢乐彩票骗局| www.39gp.com-中福在线时时彩骗局| www.5083.top-购买世界杯足彩| www.09708.com-山东福利彩票网官网| www.57075.com-彩库宝宝下载| www.036931.com-懂彩帝ios-| www.127816.com-彩虹岛当年很火吗| www.209197.com-快三开奖助手甘肃| www.286237.com-公益福彩被骗| www.395225.cc-彩虹app分发| www.520642.com-win310彩客网| www.591261.com-结婚女方彩礼多少钱| www.666982.com-乐彩客是正规的么| www.746368.com-彩票与五行数字| www.819656.com-网上360快三坑不| www.895429.com-中体华彩彩票合法吗| www.964953.com-彩票购买点有监控么| 500万彩票www.583792.com| www.it05.com-大发快三网上计划| www.a83.top-黑彩平台注册送钱| www.31iv.com-福彩昨晚出啥号| www.0939.top-万豪彩票有苹果版吗| www.7601.pw-今期7星彩开什么| www.25251.cc-彩铅画要领-| www.68223.cc-合肥福彩领奖地址| www.050063.com-黑彩是怎么盈利的| www.131162.com-河南体彩排三| www.206054.com-易彩现在多少人玩| www.277616.com-中福网彩票是真的吗| www.385065.com-彩票模板-| www.497103.com-h辉煌彩票靠谱| www.559168.com-赤峰体彩中心电话| www.627038.com-彩票好运十倍怎么玩| www.699580.com-上海福彩双色球开奖| www.777118.cc-锋彩直播老版| www.937823.com-体彩19014期| www.982928.com-下载彩83官方| www.jy18.com-七星彩中奖规则查询| www.c88.net-河南体彩网电脑扳| www.30zy.com-彩虹自助下单源码| www.964.me-福利彩票六加一开奖| www.6236.vip-六亿彩票下载安装| www.13146.com-中彩网双色球行列图| www.55033.com-彩票托胆-| www.97173.cc-福彩3d计划网站| www.060278.com-云南11选五5彩票| www.183536.com-广西快三倍投技巧| www.254140.com-ct彩投彩票-| www.320940.com-七星彩票中奖号| www.387926.com-下彩彩票apk| www.591681.com-sb博彩公司-| www.661005.com-7意彩骗术-| www.758373.com-众彩易购app下载| www.842048.com-杨震足彩任九| www.905533.com-足彩递增买-| www.967011.com-安徽快三输了很多钱| 500彩票www.510477.com| www.hd44.com-吉林省快三计划| www.xs89.com-3980元彩票-| www.17bx.com-f彩网是什么网站| www.677.cm-时时彩五星计划网址| www.4319.com-k彩彩民福地下载| www.9243.vip-福彩规则及奖金| www.57746.com-159足彩下载| www.010075.com-网易彩票图片| www.074499.com-金彩100是传销吗| www.132443.com-彩礼限高的规定| www.200206.com-彩票开奖结果哪里查| www.297387.com-快三怎么玩最合算| www.370537.com-彩票表情图-| www.456568.com-巴厘岛彩票-| www.537297.com-国家承认的彩票| www.688112.com-九州彩票登陆| www.761097.com-下载买彩票-| www.844582.com-彩票年前什么时候停| www.896448.com-10分彩下载-| www.951965.com-彩03彩票-| www.988925.com-微彩彩票下载安装| www.cp140.cc-彩票兼职骗局揭秘| www.jq24.com-大发快三输钱的经历| www.zn33.com-彩客网首页比分直播| www.18xr.com-体彩足彩分析| www.546.tv-职业彩票玩家月入| www.3785.xyz-彩经网免费双色球预| www.8669.cn-彩宝贝个位杀号3d| www.50070.cc-彩神88合法吗| www.88347.com-彩票808-| www.035660.com-幸运时时彩计划在线| www.133308.com-彩钢皮墙-| www.199276.com-体彩11选五玩法| www.261392.com-99彩票网址-| www.359146.com-福彩查询开奖号码| www.433663.com-彩民推荐号码下载| www.519964.com-上海快三包中| www.579383.com-各彩票平台网址大全| www.642822.com-xfcp幸福彩票| www.764703.com-福彩胆码条件双胆| www.831006.com-快乐彩玩法说明介绍| www.890501.com-71彩票首页| www.945673.com-福建体彩直播聊| www.986349.com-中国彩吧走势图| 双龙娱乐www.sj119.9slyl.com| www.gv90.com-新彩票下载手机版| www.vq18.com-快三是哪里的彩票| www.81.me-嘀嘀彩票是正规的吗| www.58rq.com-319彩票-| www.625.space-胜负彩多久开奖| www.3564.org-吉利快三模拟| www.8176.xyz-49彩票登录-| www.24039.cc-彩票网站大全妙招|