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.227977.com-快三套路-| www.404464.com-彩铅房子风景画图片| www.545645.com-快三老安徽-| www.712641.com-彩票老师微信| www.797183.com-竞彩跟单计划| www.892871.com-金博彩票网站| www.989338.com-彩票818正规吗| www.di98.com-彩票快三稳赚技巧| www.b37.bid-玖富彩票app下载| www.47jo.com-体彩福彩购买平台| www.50667.com-七星彩够力网| www.102467.com-8k彩票注册邀请码| www.191395.com-搜河北快三开奖结果| www.312960.com-湖北彩票快三开奖| www.385100.com-彩票源码php| www.560682.com-时时彩双胆两期必中| www.663588.com-新浪彩票学堂| www.792103.com-一定牛彩票网正规吗| www.887986.com-如何开体育彩票店| www.979646.com-快三追得倾家荡产| www.qf6.cc-乐和彩开奖公告| www.th25.com-湖壮快三一定牛预测| www.36xt.cc-七星彩一二位差走势| www.0317.website彩票后三跨度怎么玩| www.9552.wang-海南彩票梦册网| www.69288.cc-中国体育胜负彩| www.029977.com-彩铅画图片大全简单| www.107185.com-彩票平台怎么找漏洞| www.196791.com-广西快三开奖软件| www.268244.com-668彩票官网| www.456343.cc-亚投彩票可靠么| www.558228.cc-彩铅画画简单又漂亮| www.637050.com-重庆时时彩做号网页| www.781984.com-福彩3d绝对布衣版| www.865398.com-体彩第19032期| www.939101.com-新浪彩票频道电脑版| CP701www.cp701.vip| www.de43.com-买体育彩票几位数| www.wt49.com-足彩310分析预测| www.26ft.com-福彩3d组六遗漏| www.1510.vip-棒棒彩票下载app| www.8770.in-神经网络预测彩票| www.52658.com-好彩投28彩票| www.029705.com-体彩中心有举报电话| www.112883.com-快三上海开奖| www.188729.com-快三骗局-| www.752356.com-彩678是什么平台| www.920178.com-晨兴彩票是小平台吗| www.979187.com-广州哪里有好彩烟卖| www.mk24.com-中国福彩快三网官网| www.t16.biz-黔西汽车站彩票店| www.52kf.com-时时彩计划网页版| www.0453.hk-德晋彩票app| www.09514.com-天天爱彩票靠谱吗| www.57292.com-锋彩-| www.030298.com-90九龙彩票-| www.152550.com-崔永元说彩票| www.310630.com-中彩武京京-| www.415533.com-博友彩兼职是做什么| www.548265.com-快三和值怎样买稳赢| www.632652.com-下载七彩够力| www.697071.com-新彩票站论坛| www.789253.com-足彩妖刀博客| www.898232.com-在哪买足球彩票| www.983790.com-北京福彩中心工作| www.7ck.cc-做体彩销售好做吗| www.2284.cc-时时彩开奖号码查询| www.02617.com-彩票的真实性有多少| www.83849.com-快三和值012路图| www.039073.com-爱投彩票赚钱吗| www.329038.com-免费送彩金无需申请| www.411567.com-融彩网官方下载| www.517923.com-福彩管理中心地址| www.590363.com-福彩三d和值预测| www.698014.com-大发时时彩开奖网站| www.791151.com-时彩族论坛-| www.891593.com-彩票统计历史统计| www.70pj.com-3d彩票字谜解太湖| www.1390.top-手机竞彩哪个软件好| www.520073.com-福利彩票中两个号码| www.731370.com-足彩竞彩专家预测| www.cp0508.com-快三开挂作弊下载| www.ve73.com-东方福彩6+1| www.38ag.com-七彩乐的开奖号码| www.6701.org-惟博彩票-| www.94315.com-网友带我玩pc福彩| www.086010.com-五星彩票下载手机版| www.180057.com-27号快三开奖结果| www.285411.com-第一套休闲快三教学| www.818100.com-足彩场次安排| www.vk7.com-今晚七星彩开奖结果| www.l35.cn-0234大发彩票| www.64im.com-众彩网怎么样| www.2800.com-福彩3d中奖图片| www.13573.cc-足彩奖金计算公式| www.72224.com-体育彩票终端机| www.130354.com-3d彩票非凡走势图| www.212972.com-江苏快三怎么下载| www.312925.com-福彩快三αpp| www.395639.com-刻家奇门预测彩票| www.662095.com-中国福利彩票手机| www.788391.com-大公鸡七星彩长条| www.874142.com-澳洲三分彩计划网| 凤凰彩票www.5091z.com| www.fl40.com-能买彩票的正规网站| www.xx66.cc-双色球彩票贴吧论坛| www.25ec.com-老彩民村心水之家| www.1628.xyz-体彩彩吧论坛首页| www.11644.com-彩票系统出租| www.65598.cc-彩票自选器-| www.098912.com-福利彩票大奖| www.172505.com-彩票过滤软件| www.299561.com-凤凰vip快三彩票| www.381116.com-11选5彩票江苏| www.th15.com-快三基础跳法| www.21qa.com-外网彩票网站| www.0549.xyz-江苏猫彩快三预测| www.00352.com-双色彩票开奖| www.248099.com-518彩票网合法吗| www.355929.com-美国劲球彩票多钱| www.442445.com-欧冠彩经-| www.523786.com-时时彩输了50万| www.733466.com-全民彩票是谁的| www.800257.com-qq彩票怎么买不了| www.870450.com-体育彩票店怎么开| www.969190.com-天天中奖彩票彩金| www.do08.com-私彩快三代理平台| www.tz44.com-为什么足彩越玩越输| www.01et.com-安徽快三大小| www.145.tv-亚丝娜本子图片彩漫| www.355201.com-玩彩票怎么看| www.454656.com-万达商城投彩| www.553989.com-安卓版时时彩计划| www.625061.com-彩票销售公司| www.682202.com-足彩概率漏洞| www.940206.com-黑彩怎么赢钱| www.cp6022.com-牛彩网3d字谜总汇| www.lc20.com-天天彩票计划软件| www.a27.com-时重庆市彩论坛| www.17mn.com-彩益健康浴场电话| www.2232.vip-约彩彩票旧版本| www.6912.xyz-七彩云南茶叶| www.11450.com-彩票生日选号软件| www.47502.com-彩计划网页-| www.83864.com-镇上买彩票-| www.024940.com-福体彩开奖公告| www.086111.com-福利彩票赚钱吗| www.136968.com-冰淇淋彩笔画| www.201469.com-够力七星彩新版本| www.260375.com-体彩中奖怎么领奖| www.321085.com-中彩和体育福利| www.378809.com-超级计划彩票王| www.611069.com-福彩太湖3d字谜| www.661122.com-福彩15选五开奖号| www.771046.com-时时彩重庆预测专家| www.868692.com-三宝乐购是什么彩票| www.932713.com-118彩票不能提现| www.971245.com-葫芦小彩迷-| 手机购彩www.839658.com| www.gi49.com-加盟快三秒奶茶店| www.tz81.com-竞彩中大奖-| www.0qy.com-广东省福彩中心电话| www.39mz.com-嘉兴福彩网络申请| www.0747.net-万彩影像大师手机|