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天

知道了
彩01彩票 www.596127.com-福彩3d精确八卦图| www.407133.com-线上彩票游戏合法吗| www.528986.com-重庆时时彩推荐| www.599484.com-体彩中奖超过一万| www.671278.com-万彩工具箱-| www.753103.com-吉祥彩票平台登录| www.mc08.com-吉林快三黑彩骗局| www.437447.com-黔西南州体彩中心| www.9105.vip-彩铅樱桃画入门教程| www.458932.com-贵州快3爱乐彩| www.691059.com-体彩三排试机号| www.793708.com-彩票一夜暴富| www.911085.com-中国体育彩票走视图| www.981746.com-大佬彩票app| www.cp44.cc-中国福彩快三怎么玩| www.076544.com-彩31选7-| www.w37.top-彩溢开门了吗| www.4054.cn-青海福彩网专刊| www.457605.com-恒彩网址-| www.601554.com-体彩大乐透可以网购| www.0817.biz-网购足彩-| www.347922.com-乐彩vip商城系统| www.rh06.com-下载彩6精华版| www.53253.com-七彩阳光体操第三套| www.297186.com-乐购彩票提现| www.409119.com-澳洲3分彩投注技巧| www.503638.com-快三群主黑彩| www.626249.com-698彩票-| www.718737.com-彩虹怎理解-| www.7379.biz-色彩风景画临摹图片| www.03394.com-彩票22-| www.5320.cm-腾讯分分彩杀号教程| www.44108.cc-贵州快三精准计划| www.012579.com-七星彩头尾图片| www.2065.pw-c8万彩吧彩票预测| www.24834.com-体彩包括哪些| www.80883.cc-搜狐彩票网官网| www.102879.com-k彩app网址-| www.513667.com-官方彩有哪些| www.682245.com-足彩手机怎么买| www.820080.com-小县城彩票站能| www.979504.com-m彩色香烟-| www.fk85.com-免费彩票全天计划| www.1dk.cc-七乐彩票怎么样| www.33060.cc-835彩票-| www.413214.com-体彩10个30万| www.581653.com-中国体彩网123| www.pe.cc-体彩是赌博吗| www.365526.cc-桃花树彩铅画图片| www.525763.com-时时彩什么平台好| www.73292.cc-v9彩票平台-| www.006048.com-幸运彩票软件下载| www.30876.com-8k彩票app主页| www.82465.com-星梦彩票综合图表| www.052033.com-赢彩网55cc-| www.917842.com-这期体彩的中奖号码| www.069911.com-彩票什么是龙虎呀| www.88pf.com-南京众彩市场搬迁| www.2855.pw-体育彩票复试计算器| www.8706.top-境外足彩平台| www.33677.com-喜鹊彩票历史数据| www.85794.com-凤凰彩票fh-| www.614602.com-龙胜一分彩-| www.275393.com-今日头条彩票| www.603252.com-万众彩app-| www.698832.com-体彩开奖七星彩| www.42dl.com-希望彩票安卓版下载| www.75jm.com-足彩比分奖金怎么算| www.338270.com-竞彩合买怎么研究| www.411999.com-随洲福彩快三论坛| www.508163.com-今晚七星彩开奖洋情| www.788319.com-飞彩体育网-| www.908551.com-数字型彩票中奖技巧| www.16al.com-七星彩海南一色总版| www.194777.com-安徽快三怎么下载| www.260628.com-手机快三线上平台| www.328089.com-微彩彩票是正规的吗| www.393981.com-彩厍宝典大全| www.495326.com-彩漂泡衣服时间太长| www.560189.com-体育彩票三d试机号| www.618945.cc-福彩宝石机-| www.678038.com-易彩代理-| www.746644.com-冀彩宝苹果下载| www.806256.com-中彩在线提现不到账| www.873119.com-体育彩票假吗| www.933093.com-玩快三违法吗| www.981340.com-快三守号翻倍技巧| www.au38.com-福彩5d走势图| www.025524.com-大发彩票骗局| www.036507.com-快乐彩12选5奖金| www.297972.com-福彩快3图片| www.233719.com-e球彩可以包四场吗| www.241074.com-福彩走势图3d| www.655000.com-小辣椒海南七星彩| www.539747.com-查找附近体育彩票店| www.ls66.com-手机全民彩票可靠吗| 中彩网www.81233s.com| www.140811.com-808七星彩网站| www.24004.com-体彩福彩最新开奖号| www.133402.com-彩钢厂家-| www.23273.cc-彩神x是-| www.403187.com-河南福利彩票跑号码| www.401500.com-好彩客提现真的假的| www.569265.com-彩民乐双色球| www.948392.com-现任福彩主任是谁| www.216118.com-全国彩票开奖结果公| www.789293.cc-体彩竞彩网下载| www.903369.com-自己开发彩票程序| www.997909.com-福彩3d全面分析| www.298513.com-甘肃快三历史遗漏| www.984062.com-下载手机购彩| www.14mc.com-腾讯308彩票网| www.154231.com-中福快三开奖| www.066903.com-五省快三走开奖号| www.221867.com-官方彩乐透是真的吗| www.330575.com-立彩彩票追号计划| www.190950.com-彩票快3技巧口诀| www.791799.com-全民汇彩票网页| www.863788.com-入侵彩票网站| www.913097.com-大发快三走势分析| www.964278.com-快三怎么计算公式| 快彩在线www.2632w.com| www.139474.com-玩彩票一天输一万| www.205349.com-大发快三和值走势| www.962658.com-快三守号260计划| 鑫彩网www.xcw866.com| www.mo42.com-时时彩最稳定的玩法| www.50622.com-外围彩票网站平台| www.77114.com-七星彩预测中奖概率| www.137684.com-体彩胆码预测家彩网| www.23ls.com-彩票多ip怎么解决| www.622896.com-福彩3d四版图| www.713801.com-游戏快三的玩法| www.797731.com-新彩吧中国彩吧| www.871311.com-现在哪个网买彩票| www.936418.com-分分彩稳赢技巧| www.983924.com-99彩票合不合法| www.cp156.com-贵州福彩快3| www.882623.com-易彩堂可信吗| 天下彩www.847980.com| www.zs67.com-彩票空-| www.623077.com-二分时时彩开奖网站| www.778292.com-分分彩如何盈利| www.951880.com-彩天下彩票正规吗| www.cp6829.com-发彩网骗局-| www.xv04.com-彩票赌博app| www.8224.net-投资彩票可以赚钱吗| www.37519.cc-大发彩票幸运快三| www.77231.cc-七星彩几率-| www.018920.com-香港彩富网正版资料| www.096477.com-手机版二四六好彩网| www.166587.com-快三开奖结果江苏| www.233676.com-彩乐汇兼职是真的吗| www.400486.com-足球竞彩推荐网站| www.813126.com-华彩在线登录| www.897832.com-甘肃快三群-| www.962436.com-3d彩经网杀号| 39彩票www.3933o.cc| www.yn2.cc-黑彩票平台提现技巧| www.lx80.com-天津快三走势图| www.384665.com-大王彩票网-| www.477577.com-彩神通手机版速查表| www.863676.com-好赢国际彩票网站| www.99922.com-玩彩乐网-|