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天

知道了
500彩票竞猜 www.97701.com-快三选三不同号| www.128175.com-快3彩票是正规的吗| www.222263.com-117彩票-| www.309749.com-体彩排列5玩法说明| www.392716.com-体育彩票都有哪几种| www.578668.com-pk彩吧注册-| www.662251.com-体彩竞彩兑奖有效期| www.826861.com-彩票98c-| www.898413.com-福利彩票去哪里查| www.964868.com-福利彩票海南快三| 500彩票www.508477.com| www.kb88.com-数字3彩票吧| www.n81.net-体育彩票基础知识| www.54jt.com-重庆市福彩发行中心| www.0654.in-福利彩票组选3开奖| www.00938.com-好运快三是什么彩票| www.60116.com-西奇城彩票-| www.025202.com-福彩行业-| www.107792.com-福彩3d出的什么号| www.185782.com-时时彩开奖-| www.265766.com-在微信群玩彩票| www.393301.com-彩铅荷叶-| www.526060.com-竞彩竞竞彩投注技巧| www.618587.com-体彩赛马-| www.696310.com-足彩19030期| www.781655.com-代办彩票店-| www.865109.com-互联网销售彩票犯法| www.929612.com-六合牛娃彩票| www.988934.com-新浪网首页彩票3d| www.gi3.com-彩富网-| www.qd37.com-彩票app1.0-| www.07vh.com-刚力彩芽新剧| www.83dw.com-为什么喝彩-| www.2359.me-七彩云南翡翠北京| www.8446.loan-福田彩福大厦怎样走| www.99346.com-内蒙古体彩十一选5| www.074155.com-彩6app下载-| www.143637.com-743好彩官方下载| www.227227.com-体彩开奖结结果| www.309485.com-福利彩票3d排序| www.385692.com-天津时时彩计划| www.568819.com-大彩鲸11选五助手| www.647008.com-好彩运88hcy| www.763941.com-几种釉彩大瓶| www.879987.com-七乐彩30走势图| www.988736.com-计划稳中福快三| www.ab7.cc-内蒙快三开奖一定牛| www.ow01.com-华盈彩票彩金骗局| www.02yn.com-惠民彩票是骗子吗| www.76kn.com-香港a23彩票网| www.1760.cc-秒速彩票-| www.00019.cc-福彩3d八阵图| www.56199.cc-中彩神是骗人的吗| www.003743.com-河北快三最大值振幅| www.074725.com-彩富网19cf-| www.139497.com-互娱彩票邀请码| www.219180.com-彩经网蓝球杀号| www.296466.com-幸运快三追号计划表| www.369074.com-三d试机号彩经网| www.467859.com-七乐彩万能十六码| www.556457.com-彩票广告图片| www.626966.com-竞彩怎么买中奖率高| www.699657.com-找时时彩微信私人群| www.778072.com-彩6app官网客服| www.970006.com-彩票带单-| www.gu30.com-福彩店转让-| www.yp41.com-延吉市体育彩票站| www.28ij.com-下载网易彩票app| www.0088.love-福彩3d唐龙点评| www.6627.top-中国福彩3α| www.19427.com-2018免费彩金| www.62287.cc-大赢家彩票主页| www.038929.com-大发手机购彩| www.128314.com-福利彩票32期| www.201543.com-彩票开奖大全app| www.275263.com-五分彩定位胆怎么算| www.462234.com-黑彩是怎么回事| www.551709.com-甘肃快三在线看| www.647488.com-合川体育彩票| www.732528.com-彩礼和聘礼给多少| www.805183.com-七星彩七乐彩区别| www.878795.com-彩神网论坛网址多少| www.973879.com-彩票361官方注册| www.cai7622.com甘肃快三重点号预测| www.lb36.com-彩票坐庄会赔钱吗| www.g43.xyz-今晚七星彩预测头尾| www.34fv.com-彩富计划软件| www.1036.cm-爱彩乐12-| www.7542.cc-江苏竞彩店申请| www.22929.cc-彩神通计划资料软件| www.64956.com-彩票类型10选5| www.038179.com-彩票助赢计划网页版| www.123641.com-燕赵福彩首页| www.193576.com-福彩快三长买必输| www.262833.com-长沙体彩-| www.369885.com-彩生活物业总部电话| www.460688.com-彩易手机版-| www.544900.com-三国梦想星彩无惨图| www.653508.com-福彩3d鬼640| www.733561.com-全民彩票是真是假| www.803132.com-网上买彩票下载| www.874612.com-福利彩票兑奖有提成| www.968949.com-彩金软手镯-| 凤凰彩票www.606370.com| www.hm04.com-上海快三怎样能稳赚| www.xy65.com-中国彩票机选中奖| www.15xb.com-体彩店电视机怎么装| www.659.me-趣9购老彩票下载| www.4293.vip-彩坛达人三胆| www.9314.cn-马来西亚时时彩案件| www.58726.com-大众彩票登录| www.012538.com-2009七星彩开奖| www.079337.com-86人工彩票计划网| www.136401.com-七彩idc-| www.209720.com-有玩快三赚钱的吗| www.277751.com-双色球中彩论坛| www.398550.com-福彩3d开奖号查| www.515698.com-爱购彩会黑钱吗| www.579715.com-彩票最新开奖今天| www.647342.com-中国福彩快三apk| www.751284.com-彩票之家原正版资料| www.814617.com-彩票吧反水-| www.883757.com-博友彩票老版本下载| www.975204.com-江苏快三大小破解| www.cp860.com-福彩快三网上投注站| www.kb50.com-福利彩票中奖规则图| www.zy07.com-彩七在哪里下载软件| www.21kc.com-福彩店违规怎么举报| www.763.website时时彩遗漏回补| www.350367.com-杏彩总代-| www.972077.com-湖北体彩假球| 500彩票网www.845755.com| www.040091.com-彩乐乐福彩预测| www.660304.com-大数据机器人买彩票| www.741678.com-免费送彩金游戏平台| www.805269.com-7乐彩玩法说明| www.871791.com-利彩怎么样-| www.962030.com-3d字迷多彩网| 500彩票www.50026n.com| www.cm51.com-梅子福彩3d预测| www.rz79.com-快三秒热水器功率| www.11xp.com-体育彩票多久能注销| www.74ng.com-今天体彩排列五直播| www.0808.live-彩票平台刷流水单| www.18668.com-三d福利彩票预测网| www.56454.com-众彩是骗局吗| www.95212.com-拍彩票票面查中奖| www.045895.com-彩83下载苹果| www.151192.com-国民彩票安不安全| www.229726.com-排列三新彩网| www.292168.com-米聊购彩大厅| www.354022.com-潮信玩彩票的软件| www.418701.com-好彩香烟铁盒包装| www.510201.com-儿歌彩虹的约定| www.571138.com-米兰时彩-| www.631178.com-福彩26期-| www.690404.com-足彩即时凯利指数| www.759372.com-老时时彩走势图网址| www.913018.com-体彩三地试机号| www.966981.com-七星七彩开七奖结果| 彩乐乐www.cll168.com| www.ad79.com-腾讯分分彩平台| www.pa51.com-三d走势图乐彩| www.8ic.com-重庆时时彩数字规律|