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天

知道了
102彩票 www.760078.com-福豪彩下载-| www.957565.com-乐透啦彩票可信吗| www.cai6777.com湖南快三开奖号码| www.pn63.com-一分快三大小走势图| www.16or.com-体彩7星彩六等奖| www.536.mobi-腾讯分分彩的骗局| www.5467.top-彩票销售点的利润率| www.18227.cc-265彩票网站| www.69070.com-彩票谜语查询| www.078061.com-买福利彩票的风险| www.156792.com-好运福彩官网| www.271110.com-60彩票娱乐-| www.369233.com-浙江福彩三d| www.483713.com-今天福彩脑筋急转弯| www.572257.com-竞彩网手机版本| www.657510.com-体彩7位数何时开奖| www.788806.cc-足彩投注量分析| www.873479.com-分分彩定位胆必中法| www.977116.com-起诉离婚退彩礼案例| www.ac45.com-智慧彩挂机软件| www.ua76.com-彩票拉人术语| www.15ju.com-彩客网ck8681| www.771.gg-曾道玄机彩图| www.5916.cm-中彩网用户登录| www.17947.com-彩客彩票怎么样| www.66210.com-福彩3d丹东图谜| www.070609.com-竞彩分析师怎么考| www.149956.com-期期中彩票合法吗| www.259957.com-如意彩票-| www.339218.com-生彩宝手机免费版| www.430770.com-江苏彩礼-| www.532709.com-福彩三d热议| www.659156.com-七乐彩3拖6多少钱| www.757725.com-长春彩溢-| www.855917.com-美国彩票专家霍华德| www.931702.com-买彩票咒语-| www.993706.com-万豪彩票送38元| www.lv5.cc-代玩彩票50一小时| www.rr47.com-全国快三开奖公告| www.17qs.com-福彩5码01-| www.316.cc-彩票到底有没有猫腻| www.4613.biz-一直买一注彩票| www.05655.com-义乌中国体育彩票| www.56044.com-微信彩票骗局| www.008254.com-周五什么彩票开奖| www.087953.com-彩运无限是黑平台吗| www.163634.com-中华彩票快三| www.377311.com-关于彩票的对联| www.509248.com-宝利彩票平台登录| www.587662.com-c8cn彩吧-| www.665850.com-今晚七乐彩中奖情况| www.748940.com-人人都中彩普通下载| www.823822.com-彩票app怎么了| www.899274.com-彩6c彩票-| www.968641.com-重视时时彩微信群| www.pn24.com-浙江省快乐彩| www.6mo.cc-彩票中的数学理论| www.70iy.com-高频彩不要玩| www.1354.vip-苹果彩票彩app| www.9899.pw-竞彩打票教学| www.57729.cc-彩票分析施颖主持人| www.022815.com-福彩世界网址下载| www.101332.com-足彩预测网站| www.170268.com-幸运快三群骗局揭秘| www.285208.com-上海11选5爱彩乐| www.375188.com-九州体育博彩怎么样| www.505452.com-溧阳体彩-| www.579568.com-今天一分快三开奖| www.657160.com-彩票2元网-| www.771234.com-腾龙时时彩缩水软件| www.867315.com-春节彩票停卖时间| www.939519.com-网上彩票压大小| www.997600.cc-传奇彩票平台| www.jl7.com-快三助手苹果手机| www.py82.com-彩票代理被抓案例| www.05xr.com-世界十大水彩颜料| www.82zc.com-投彩97app-| www.2030.tv-一分快三怎么买豹子| www.7905.me-易彩分分彩是真是假| www.28322.cc-常州彩票-| www.72755.com-c58彩票下载| www.095850.com-竞彩彩客网比分直播| www.165856.com-芜湖福利彩票站| www.266762.com-时时彩追遗漏| www.357778.com-彩票a8骗局-| www.445644.com-三d彩民乐图| www.578766.com-体彩星级评定标准| www.656262.com-众发彩票合法| www.777648.com-彩票app在线| www.858745.com-彩588彩票网| www.912247.com-私彩和官方有关系的| www.974579.com-众彩娱乐下载地址| www.ld82.com-大彩网app-| www.m88.mobi-热购彩票登陆| www.43um.com-脸上挂彩是什么意思| www.597.tv-竞彩停售-| www.4444.date-彩票怎么选能中奖| www.9911.cn-新华彩票是谁| www.77523.cc-英皇彩票公司如何| www.027642.com-易彩网邀请码| www.102335.com-彩票计划大全网站| www.167310.com-内蒙古快三一定牛| www.285622.com-彩票预测神器真的吗| www.370122.com-1235cc彩票-| www.498996.com-网上购彩几时恢复| www.ad91.com-123高手彩票| www.33073.com-3d跨度走势图彩宝| www.504811.com-座谈来彩排-| www.562244.com-什么是彩票流水| www.ir12.com-荣兴彩票的网址| www.a02.loan-上海快三秘诀| www.28hn.com-龙胜彩票平台网址| www.4790.cc-买快三输了几十万| www.9939.tv-竞彩篮球主队在那边| www.58183.com-体育彩票快三官网| www.021512.com-福彩3d水果会员图| www.091010.com-搜索福彩图谜总汇| www.155561.com-凤凰彩票怎样稳赢| www.261805.com-腾讯快三计划师| www.334591.com-快钱彩票是正规的吗| www.402520.com-足彩猜比分单双| www.506002.com-报彩网868.cc| www.561537.com-31彩票走势图大全| www.615253.com-彩票套路一天赚几千| www.684561.com-体彩排列三和值遗漏| www.766050.com-纵购彩票-| www.930661.com-彩票交税标准| www.983199.com-晨兴彩票骗局| www.og6.com-鑫彩网是真的假的| www.ov63.com-最近彩票诈骗案| www.5ti.cc-体彩足球竞彩上税| www.58oc.com-欠款用中彩票还了| www.916.club-买彩票神咒-| www.4776.com-手机澳客彩票下载| www.9686.xyz-万彩吧下载新版| www.73315.cc-彩票圈吧-| www.029056.com-唐龙说彩彩图版报纸| www.102396.com-台湾5分时时彩| www.161223.com-天津彩票站-| www.262196.com-快三遗漏号码| www.381432.com-大发5分彩开奖| www.500233.cc-送彩票的文案| www.566290.com-时时彩9f挂机注册| www.631005.com-彩运宝客服电话多少| www.693796.com-福建福利彩票网址| www.768767.com-快三倍投计划表图片| www.887178.com-网上玩彩票是真的吗| www.962604.com-京东彩票网址| 万利www.32123q.com| www.dm28.com-澳门六星彩开奖结果| www.th58.com-湖北快三现场开奖| www.7pp.cc-彩票怎么买的不懂| www.57nc.com-美国彩票巨奖骗局| www.763.in-彩之家网站怎么样| www.4180.biz-阳光七彩采购平台| www.9043.cn-天道篮球竞彩推荐| www.78932.cc-福彩3d书-| www.024989.com-福利彩票几位数选| www.089609.com-中国体彩票图标| www.142673.com-8彩网址登录| www.208844.com-甘肃福彩3d走势图| www.272497.com-一分快三有哪些规律| www.400169.com-开心七星彩交流论坛| www.514622.com-美国彩票网站app|