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天

知道了
1分快三 www.639681.com-竞彩改革2019| www.892597.com-777彩票-| www.973810.com-彩票平刷方案| www.xu7.com-上海快三软件下载| www.tp92.com-安徽快三兑奖期限| www.13pg.com-巩义福彩-| www.90en.com-足球博彩软件哪个好| www.3534.vip-送彩金导航栏| www.9900.tv-澳洲三分彩开奖网址| www.86331.cc-三彩女装专卖店| www.053918.com-足彩在哪买-| www.155648.com-彩票生成器代码| www.255244.com-时时彩最快开奖软件| www.337039.com-吉林快三红包| www.428556.com-青蛙过河福彩| www.535957.com-给我一组彩票号码| www.662773.com-旺彩双色球应用| www.748311.com-红彩会app下| www.827273.com-体彩p3预测分析| www.905422.com-快三手机投注时彩| www.976433.com-河南各地彩礼标准| www.gy68.com-彩1-| www.a18.cc-金山彩票-| www.35hm.com-金七乐_四川体彩网| www.0912.in-双色球500彩票网| www.8129.top-福彩是星期几开奖| www.33344.cc-山东烟台快三| www.590871.com-买竞彩哪个app好| www.sq60.com-浙体彩6十1开奖| www.074366.com-广西快三三胆定一| www.689389.com-51彩票网站-| www.778490.com-88彩票手机版| www.906570.com-江西快三合法吗| www.975212.com-开心100彩票| www.vw6.com-七星彩今晚预测号码| www.ss17.com-中国彩票-| www.11tr.com-体彩天下是合法的吗| www.89nc.com-彩票站出兑怎么发布| www.2976.cc-日本彩票开奖号码| www.8864.tv-彩票专业的学校| www.81530.com-金凤凰博彩骗局揭秘| www.039873.com-大中华彩票网官网| www.143918.com-大发云神彩争霸| www.225466.com-谁有微信彩票群| www.303690.com-福彩3d彩乐论| www.379266.com-竞彩足球分析师招聘| www.543004.cc-福彩消消乐怎么玩| www.632859.com-福彩2d地区-| www.709325.com-腾讯分分彩稳赚方案| www.790156.com-彩名堂下载最新版本| www.870508.com-152彩票正规吗| www.974899.com-军人买彩票是否违法| www.cp7368.com-什么叫快三彩票| www.nv46.com-彩票属于赌博嘛| www.03be.com-竞彩足球的软件| www.76zb.com-明天彩票开奖| www.1753.com-万彩影像大师免费版| www.01112.com-28彩票开奖接口| www.57257.cc-彩77苹果二维码| www.016813.com-彩票店利润怎么算的| www.090862.com-网易彩票中奖| www.160797.com-北京体育彩票app| www.271292.com-36好彩3预测| www.360096.com-足彩胜负彩中奖规则| www.452177.com-分分彩龙虎技巧稳赢| www.542466.com-体彩7位数昨天| www.699929.com-中国福彩几点开奖| www.779660.com-福彩3d算法技巧| www.859557.com-手机挣钱高频彩骗局| www.925129.com-梦想彩票站官方网站| www.982846.com-网上时时彩赌博作假| www.hz22.com-福彩5d中奖规则| www.zz39.cc-体彩店老板-| www.29hc.com-大菠萝彩票-| www.882.in-时时彩几期止损好点| www.5050.net-竞彩足球怎么停售了| www.05194.cc-体彩新规定-| www.48748.com-87彩票客户端下载| www.91778.cc-体彩软件排行榜| www.051399.com-下载万豪彩票| www.187038.com-吉林快三那年开始的| www.259131.com-苏州福彩快3交流群| www.330348.com-网易彩票竞技彩| www.400048.com-农民彩票-| www.555045.cc-彩票中几个亿| www.623668.com-彩04-| www.691501.com-绝对可靠的彩票开发| www.769509.com-好彩头食品有限公司| www.885172.com-今日七星彩-| www.964064.com-极速六个彩开奖结果| 彩天下www.196065.com| www.gt96.com-一分钟开一次的彩票| www.zc93.com-快三彩票送彩金| www.23rc.com-台湾威力彩-| www.0120.org-色彩的造句-| www.6342.vip-河南福彩大厦地址| www.14140.com-七星彩中六个数字| www.55869.com-快三245后面预测| www.97932.com-即开型彩票中奖| www.059811.com-3d家彩论坛-| www.183037.com-河南福彩快三直播| www.254331.com-福建快三遗漏值统计| www.326028.com-彩亿彩票-| www.395670.com-八卦与奇门测彩| www.550776.com-竞彩比分走势图| www.630377.com-胜负彩18153| www.696643.com-怎样破解彩票程序| www.772229.cc-中博在线买彩票| www.873571.com-乐和彩开奖时间表| www.945959.com-体彩混合走势图| www.993495.com-足彩拉力理论| www.cp6223.com-5oo彩票网-| www.lq42.com-在中彩网能买彩票吗| www.g96.cn-福彩500-| www.30ua.com-安徽快3来彩彩票| www.0288.site-彩票坚持能成功吗| www.6434.cm-广东福彩开奖查询| www.12929.cc-运盛彩票合法吗| www.53832.cc-多彩贵州我的家绘画| www.95770.com-体彩中心人员收入| www.056107.com-合肥体彩转让| www.177111.cc-一分快三是真是假| www.243666.cc-下载玩彩app| www.311525.com-五福彩票正规吗| www.376955.com-高頻彩开奖网| www.522990.com-彩票套彩方法大全| www.602181.com-彩票领奖后强制捐款| www.669253.com-体彩3d图谜第一版| www.736595.com-彩客比分完整版| www.823182.com-体彩天下app江苏| www.919826.com-真彩票纸打高仿彩票| www.968049.com-中央巡视彩票| www.wv24.com-糖果派对彩金| www.09pg.com-彩票中五位数有奖吗| www.77yy.cc-境外博彩举报有用吗| www.1315.net-美国彩票匿名领奖| www.9068.online头彩彩票靠谱吗| www.40219.com-702彩票-| www.82399.com-幸运时时彩定位走势| www.027046.com-彩票计划师是真的吗| www.093293.com-宝赢彩票软件破解版| www.151649.com-彩票买几个数| www.275899.com-安徽快三彩彩乐| www.356907.com-过生日可以送彩票吗| www.430001.com-教水彩的软件| www.516263.com-乐彩赢下载-| www.576508.com-爱乐彩走势图| www.640080.com-福彩蛋蛋是什么意思| www.765781.com-彩票平台开发与搭建| www.843929.com-山东福彩玩法介绍| www.901008.com-福彩3d体彩-| www.962046.com-福彩双色球手机摇号| 杏彩www.00840j.com| www.bg59.cc-彩票软件计划| www.py07.com-577彩票邀请码| www.01qf.com-体彩藏机图彩吧图库| www.62ej.com-福彩三地杀号定胆| www.791.net-体彩发单平台| www.3955.in-徐州彩票一等奖| www.8728.top-天游彩票app| www.62659.cc-12358彩先知| www.015867.com-苹果够力七星彩安装| www.075234.com-福彩500资讯| www.128502.com-五星彩票骗死人|