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.657266.com-福彩消消乐怎么加盟| www.8664.cn-七星彩历史码| www.515999.cc-胜负彩是不是骗局| www.630425.com-齐乐彩开奖-| www.728927.com-京东彩票扫码| www.093499.com-全天重庆彩计划红旗| www.zd18.com-红牛彩票最新报道| www.zy14.com-爱彩乐湖南快乐十分| www.42cg.com-福彩开奖日期表| www.868202.com-七星彩开心论坛| www.968448.com-彩神网网址是什么| www.up97.com-幸运快三5分钟一次| www.38hf.com-河北快三时实预测| www.994807.com-好彩客苹果版搜不到| www.fe14.com-彩票长龙一般多长| www.99648.com-时时彩找漏洞| www.cp697.com-达人彩票官方网站| www.1078.live-张家口沙城镇中彩票| www.023312.com-福彩三地黑圣手| www.67688.com-正规彩票注册| 网易彩票www.067wy.com| www.dp67.com-快三追号欠下巨款| www.uv23.com-q彩快三-| www.04pn.com-用彩色铅笔花的桃花| www.380223.com-七乐彩中三个| www.773994.com-网络博彩-| www.858700.cc-彩票开奖预测大乐透| www.930367.com-各类彩票中奖金额| www.982715.com-彩票体验金-| www.lc.com-网易彩票新快三规则| www.878117.com-福彩前面中3个| www.984753.com-彩运8网址-| www.tr31.com-宝发彩票-| www.57pz.cc-鼎盛国际时时彩| www.3363.vip-足彩大赢家软件下载| www.01006.com-大发快三对子号规律| www.526516.com-体彩七星彩开彩结果| www.334489.com-万达彩票是真实的吗| www.333937.com-体彩怎样选号| www.455550.com-彩票故事2018| www.934761.com-手机快彩-| www.cai7944.com河北快三智能推荐号| www.86338.cc-体彩掌游彩-| www.0436.tv-95彩网信誉怎么样| www.222193.com-七星彩开奖历史列表| www.416397.com-东贝彩虹冰淇淋机| www.926444.com-手机哪里买彩票安全| 七星乐www.249711.com| www.ve60.com-河南福彩网网| www.dl65.com-福彩快三官方网投| www.563747.com-万彩资料大全| www.654626.com-彩票win在线| www.737668.com-辽宁福彩3d和值| www.828276.com-大乐透复式彩票机选| www.914186.com-信彩黑平台-| www.980780.com-金彩网彩票与你同行| www.fu2.cc-台湾时时彩开奖结果| www.218869.com-百姓彩票比大小| www.356832.com-福彩3d票花怎么看| www.467568.com-七彩乐什么时间开奖| www.606728.com-百万彩友官网| www.772484.com-福利彩票被国家承包| www.907121.com-彩票一共有几位数字| www.ck55.cc-智能彩票算号器| www.90bf.cc-lol怎么博彩| www.281186.com-时时彩二星包胆| www.128649.com-福彩3d彩报图打印| www.629663.com-周六是体彩还是福彩| www.zs9.cc-体彩排三遗漏统计| www.38952.cc-01彩票注册邀请码| www.867079.com-福利彩票世界| www.978494.com-彩乐乐好彩1预测| www.384733.com-体彩考试题库| www.914838.com-新浪网首页体彩| www.2373.cm-福彩什么时候可以买| www.122054.com-三分时时彩哪里开的| www.8895.site-福彩3d开彩结果| www.0316.cn-网上购彩网-| www.99sd.com-梦想彩票骗局| www.75il.com-pp彩票怎么样| www.135418.com-多赢彩票平台官网| www.799036.com-长城彩票官网下载| www.885274.com-彩票止盈止损方法| www.963003.com-彩铅画山水图片大全| www.fr47.com-快三最大遗漏多少期| www.51477.com-送彩虹糖的寓意| www.4456.xyz-zc5.com尊彩| www.669766.com-海南私彩怎么包码| www.778904.com-彩报网3d专家预测| www.866711.com-云南时时采彩记录| www.948959.com-福彩王云戈判刑| 彩票坊www.022qh.cc| www.wo57.com-235彩票-| www.30636.cc-上海4d福彩开奖| www.81887.cc-网络彩票赌博害人| 99彩票www.577062.com| www.954075.com-好彩蓝莓双爆| www.88gz.com-中你体育彩票| www.nx36.com-中福快三网站| www.489000.com-彩票五一中彩下载| www.534311.com-够力七星彩安装| www.954935.com-入侵黑彩网站工具| www.eq20.com-乐彩客app下载| www.931408.com-山东体彩快3走势图| www.253716.com-北京十一选五爱乐彩| www.445408.com-中国体育彩票号码| www.603456.com-快三作弊软件视频| www.757895.com-广东彩票手游彩| 金冠彩票www.49956f.com| www.c97.club-百宝彩贵州11选五| www.70gj.com-福彩片区管理员工资| www.654092.com-江西快三一天几期| www.805378.com-金彩彩票平台| www.923077.com-乐透彩3d字谜大全| www.cp0.cn-甘肃快三开奖查询| www.521334.com-彩票赚钱群-| www.417720.com-体育彩票店如何装修| www.48cv.com-荣耀彩票网址| www.89299.cc-查彩票下什软件| www.079702.com-彩票助赢在线计划| www.155822.com-数字彩票的实战技巧| www.01zx.com-数字彩票能玩吗| www.395291.com-彩虹岛手游官网盛大| www.t56.in-武汉彩票中大奖| www.4947.pw-迷彩兔电视剧电影| www.532564.com-临沂体彩中心地址| www.39413.com-全民彩票免费下载| www.803229.com-捷豹彩票登录平台| www.611240.com-江苏快三出号分析| www.988174.com-038彩票平台苹果| www.mr20.com-彩八苹果版下载| www.iq95.com-体彩排三直选遗漏| www.16gt.com-幸运彩票下载ios| www.cp3378.com-江苏快三是什么套路| www.352195.com-中国的黑彩有哪些呢| www.503222.com-鸿彩网诈骗-| www.20mx.com-进微信时时彩群号| www.7544.cc-只赚佣金的竞彩玩法| www.65431.cc-青海的快三走势图| www.37077.cc-腾讯的天天中彩票| www.689262.com-山东彩票官网| www.038601.com-信彩娱乐app计划| www.670512.com-体彩竞彩比分新浪| www.740012.com-怎样购买福彩彩票| www.882468.com-英国五分彩是真的吗| www.223481.com-安徽福彩快三的开奖| www.8358.in-14个号码的彩票| www.607620.com-福利彩票审批在哪里| www.818.cn-七星彩是哪个省的| www.217.com-爱购彩官方-| www.473693.com-体彩排五几点开奖| www.1038.vip-福彩3d概率计算| www.616834.com-松原市福彩中心| www.669472.com-彩钢琉璃瓦机价格| www.725828.com-期期中彩票能玩吗| www.786928.com-彩票中奖指南百度云| 500万彩票www.09500w.com| www.366878.com-彩票店门口图片| www.475978.com-国际彩票中国彩| www.542930.cc-爱彩双色球走势| www.842998.com-福利彩票3d第一期| www.oj59.com-吉林市福彩中心| www.34781.com-中国彩吧牛彩| www.062689.com-吉林快三3天走势图|