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天

知道了
畅彩 www.493082.com-彩票粉怎么用| www.609679.com-头奖彩票可靠吗| www.680065.com-江苏快三的骗局| www.777213.com-够彩app-| www.ky47.com-上海福彩快三app| www.15ik.com-517彩票下载| www.887.cm-体彩p3三字谜| www.5934.biz-我国体育彩票上市| www.62729.com-福建体彩购买方法| www.046647.com-凤凰彩票计划助手| www.132590.com-吉利彩票官网| www.209020.com-湖北福彩快三开奖| www.280819.com-竞彩足球害了多少人| www.355933.com-微信分分彩app| www.435792.com-ct彩投网-| www.537223.cc-彩色是一种颜色吗| www.698703.com-福彩3d走勢圖| www.784700.com-乐米彩票不能买了吗| www.863881.com-14人彩票造假事件| www.928012.com-福利彩开奖直播| www.981748.com-彩客网首网-| www.cp.com-北京彩票快三查询| www.400188.com-福彩3d怪图今天| www.598559.com-彩票新闻-| www.679843.com-魔方彩票软件| www.760979.com-腾讯时时彩人工计划| www.834661.com-亚太好彩蓝莓双爆| www.904197.com-在微信上咋样买彩票| www.970599.com-深圳彩票6000万| www.cai8822.com吉林体彩十一选五| www.lr14.com-体彩中奖规则及奖金| www.87.me-e赢彩靠谱吗| www.86ck.com-福彩3d排序图| www.2520.hk-体彩是什么行业| www.9770.vip-预测七星彩号码| www.52768.com-篮彩神棍-| www.94093.com-500足彩比分直播| www.tw6.com-易彩彩民测速| www.m95.com-不黑的彩票平台| www.777.net-体彩走是图-| www.175557.com-快三3助手-| www.387333.com-彩带拉花-| www.600413.com-彩票买多注同一号码| www.854.in-时时彩买号方法如下| www.31336.cc-安徽时时彩快3| www.063408.com-篮球彩票规则视频| www.191127.com-贵州彩票快三玩法| www.375801.com-立彩平台怎么样| www.959502.com-彩票选号软件下载| www.634029.com-滕州市七彩教育集团| www.762725.com-神圣彩票网址| www.931930.com-体彩门头要求| www.d89.org-5型彩票组合| www.7296.com-满堂彩官网-| www.004804.com-黑龙江浩彩快三| www.171154.com-河北快三走图| www.339374.com-彩思乐-| www.28ik.com-星耀国际彩票有人带| www.380024.com-彩益健康浴场电话| www.619379.com-对福彩3d的解释| www.777149.com-怎样看快三规律| www.963016.com-移动彩票官网| www.rk04.com-苏州体育彩票店| www.683.cm-租一台彩票机多少钱| www.391631.com-永恒彩票app| www.654943.com-彩票3分钟一把| www.7550.in-三分时时彩的技巧| www.58833.com-菠萝彩官方网站| www.087812.com-双色球易彩网下载| www.234145.com-如何戒除彩票| www.363730.com-佛教中彩虹叫什么| www.525506.com-彩票中奖纳税多少| www.660565.com-住桥洞研究彩票| www.790722.com-彩票选号在线| www.dp37.com-118彩票作假| www.12at.com-彩票app定制开发| www.127030.com-彩虹六号季票没了| www.362548.com-赞美雨后彩虹的诗句| www.546062.com-体彩开店-| www.489163.com-乐彩三b-| www.747989.com-甘肃快三中奖多少钱| www.262633.com-吉林市福利彩票| www.93611.cc-竞彩跟单软件哪个好| www.258722.com-彩票平台送18| www.718631.com-彩虹颜色正确顺序| www.796093.com-甘肃快三最新遗漏号| www.568827.com-十一选五大彩鲸下载| www.700068.cc-福彩兑奖规则表| www.841012.com-噢客彩票网网| www.959811.com-霸王彩票-| www.qd74.com-093彩票官方| www.758.cm-时时彩和值平刷技巧| www.63654.com-竞彩盈亏交易量| www.115109.com-江苏福彩彩票| www.023.cc-彩票网推荐幸运之门| www.22qb.com-ll彩票坑死我了| www.73708.com-116彩票软件下载| www.447073.com-仆先生全彩-| www.189840.com-江苏一定牛快三| www.46hh.com-易旺彩票网邀请码| www.25355.cc-蒙娜丽莎的彩铅画| www.033311.com-今晚七乐彩机选号码| www.169653.com-快三怎么学看走势| www.594661.com-彩坛达人三胆| www.900801.com-爱彩票首页登录| www.618003.com-泰国十分彩-| www.769975.com-天天快3彩票网| www.964759.com-体彩排列三彩吧预测| www.141195.com-官方时时彩网投平台| www.315965.com-怎样找出彩票的漏洞| www.544185.com-麒麟竞彩app下载| www.2gb.cc-买彩票的人都输钱| www.7937.cn-彩宝和钻石哪个保值| www.675182.cc-2019竞彩新规定| www.853375.com-亿游彩票网-| www.998754.com-街道口附近体彩| www.tc58.com-快三长龙提醒| www.848.tv-重庆时时彩计划小鹿| www.74828.com-足彩分析软件免费版| www.120568.com-吉林快三群走势| www.732610.com-南京市体育彩票领奖| www.079912.com-国家彩票整改| www.671169.com-三彩正品-| www.65dz.com-老杨说彩字谜汇总| www.4399.live-甘肃快三今天对子热| www.447309.com-买足彩任9技巧| www.997338.com-登录奔驰彩票app| www.2784.vip-网络彩票官网| www.096051.com-体育彩票哪里发行的| www.810655.com-中国体育彩票电话| www.971668.com-亿发彩票平台可靠吗| www.61786.cc-特区彩票七星彩| www.507796.com-上期彩票开奖号码| 大赢家彩票平台www.711853.com| www.121585.com-手机彩票输了3万| www.919.cc-咋申请彩票投注站| www.684355.com-乐彩网中国龙| www.577.live-博彩破解网-| www.95737.com-竞彩足球必中神单| www.810871.com-福利3d彩票藏机图| www.756829.com-淘宝上可以买彩票吗| www.894953.com-36o网上购彩| www.52lg.com-丰彩水性漆-| www.04310.com-彩票合法网站有吗| www.ts93.com-彩之家快3邀请码| www.115337.com-彩铅画花卉入门图片| www.52422.com-好彩网钻石团队| www.380380.com-分分乐彩-| www.93ro.com-世界第一张彩色相片| www.893666.com-彩票之家登录| www.516382.com-趣彩彩票苹果手机版| www.5457.org-彩虹六号本子资源| www.381093.com-足彩大王杨光华| www.6093.cn-嬴彩彩票与你同行| www.0dy.cc-数字彩数字彩票频道| www.285180.com-江西福彩中心地址| www.69mj.com-跑马三分钟彩票计划| www.244443.cc-瑞彩网彩票平台| www.884387.com-红五3d彩报图库| www.6835.biz-飞鱼彩票规则| www.620094.com-大数据计算彩票| www.72912.com-北京福彩app| www.905466.com-足彩19042任九| www.507080.com-小易体彩大乐透预测|