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天

知道了
彩39彩票安卓 www.260020.com-买彩票十赌九输| www.252037.com-1068彩票-| www.318818.com-玩彩幸运六点半| www.367561.com-乾特火箭彩票网| www.723127.com-快三属于违法么| www.rx22.com-大奖彩票网客服| www.843556.com-福彩公益语-| www.979956.com-彩票店有没有快三| www.ob28.com-彩票源码搭建一条龙| www.25np.com-迷彩兔怎么打不开机| www.eb02.com-广西十分彩开奖记录| www.213693.com-湖北快三软件| www.339747.com-979彩票下载安装| www.70606.com-内蒙福彩快三玩法| www.675729.com-jw彩票-| www.927663.com-福彩中几位数有奖| 500彩票www.348477.com| www.593357.com-七彩国际养生| www.732631.com-百万彩票app下载| www.7rn.com-体彩排列五论坛吧| www.79nd.com-国彩三地丹东三板| www.cp744.com-快三网站投注员| www.220801.com-上海快三计划网页版| www.825889.com-五星乐彩app| www.933056.com-惠民彩票官网下载| www.995953.com-足彩18086对照| www.fy92.com-酷彩票计划群| www.a08.top-网络彩票快三诈骗| www.159.la-中国体育彩票门店| www.87299.cc-uu彩票直播-| www.124369.com-辽宁福利彩票双色球| www.27641.com-好彩客苹果版和安卓| www.84454.com-彩钢瓦的规格及型号| www.126805.com-彩票大乐透杀号| www.602119.com-一万买彩票能中吗| www.508523.com-石家庄福彩中奖| www.599756.com-一万买彩票-| www.707653.com-足彩任九复式计算器| www.766785.com-彩虹糖酸味粉没了| www.zo87.com-赢彩吧app-| www.76585.cc-足球竞彩官方下载| www.368671.com-彩票开户可以注销吗| www.505941.com-彩票案件是怎么回事| www.628965.com-新彩网字谜画谜总汇| www.735018.com-彩票3d和值尾技巧| www.849681.com-分分彩对应公式| 彩票大家乐www.21202m.com| www.0684.me-106官方彩票网站| www.015871.com-鸿运彩票能提现吗| www.130263.com-江苏快三漏洞| www.902071.com-玩黑彩坐庄能挣钱吗| www.384514.com-福利彩票的公益口号| www.510513.com-彩虹的约定左右简谱| www.847567.com-竞彩足球停售最晚| www.934224.com-太子彩票app| www.990129.com-福彩藏机图谜总汇| www.yd9.com-彩神ⅴll-| www.021925.com-澳门时时彩靠谱吗| www.198866.com-皇都彩票网址入口| www.736653.com-上海体彩网app| 博友彩www.960121.com| www.io76.com-中国福彩客户端闪退| www.980167.com-彩59彩票下载| www.eo19.com-快三有什么技巧| www.ww98.com-微彩吧电脑版下载| www.23he.com-全球彩票中大奖排行| www.723958.com-内蒙高频彩快三| www.34fw.com-精准足彩比分推荐| www.375852.com-下载欢乐彩官网| www.871993.com-我要查彩票中奖| www.980395.com-体彩篮球竞猜平台| www.np97.com-京东彩票刷流水| www.64637.cc-三分钟彩稳赚技巧| www.915301.com-网上买彩票能报警吗| www.072060.com-彩票店几点关门不卖| www.35939.com-广西11选5爱乐彩| www.727309.com-幸运彩票网站可靠吗| www.906885.com-足球彩票哪家好比较| www.115206.com-彩铅画山水画| www.611325.com-吉祥彩票平台网址| www.839191.com-彩34下载-| www.100564.com-乐彩网lccp下载| www.83fz.com-福彩刮刮彩大奖| www.020036.com-快三怎么预测跨度| www.095695.com-南国彩票论坛规| www.171693.com-河北福彩3d走势图| www.029109.com-如何彩票收藏| www.459100.com-任选9场胜负彩玩法| www.3225.cm-9928彩票官网| www.hj56.cc-今天武汉快三| www.629842.com-吉林快三遗漏软件| www.45620.com-重庆市时彩开奖结果| www.59233.cc-福彩三d规律学视频| www.w92.cn-乐彩网三d玄机图| www.143141.com-福利彩8手机| www.444885.com-快乐彩规则和奖金| www.596313.com-2013年福彩和值| www.5978.biz-盛兴彩票网登录| www.tt93.cc-手机彩票合买软件| www.52rl.com-黄河风彩双色球投注| www.6655.top-多乐彩走视图| www.668339.com-彩票防伪-| www.765901.com-北京快三有什么规律| www.862411.com-中国手机彩票网下载| www.ij31.com-福彩论坛-| www.98.win-万彩吧官方下载| www.174.cm-足彩任9-| www.243124.com-中彩票的人-| www.463355.com-天冠彩票平台| www.898154.com-体育彩票考试内容| www.7ui.cc-彩票中奖周围人| www.2981.win-福利炔彩开奖| www.18227.cc-265彩票网站| www.245348.com-天天竞彩app| www.9tg.cc-中彩网微博-| www.86co.com-福彩3d楚留香杀码| www.3674.biz-网络彩票可以追回吗| www.cai1799.com快3彩票是真的假的| www.25eq.com-星空彩票提现| www.md05.com-七星彩琼粤解诗网| www.355068.cc-体彩大乐透开奖地方| www.023168.com-体彩排列三杀尾| www.52.link-六冠彩票开了多久| www.57vp.com-彩票2o1-| www.723.website时时彩任选二怎么玩| www.163002.com-福彩排列三五| www.870620.com-全民彩票改成什么了| www.723631.com-镇江体育彩票| www.798198.com-易彩补漆笔视频| www.864323.com-三地字谜总汇新彩网| www.932032.com-中彩网带单盈利| www.980362.com-体彩篮球竞猜规则| www.cai9800.com河南快三连线走势图| www.9389.com-越南博彩合法吗| www.318435.com-安徽快三三同号遗漏| www.395312.com-今天福彩3d的号码| www.502496.com-彩玩是什么-| www.582819.com-彩票走势图制作代码| www.655759.com-m8彩票app-| www.734696.com-工地彩钢围挡图片| www.847431.com-福彩3加0多少钱| www.929218.com-玩彩網-| www.981261.com-彩票缩水软件大全| www.cq36.com-快三彩票平台app| www.xp85.com-海南今天七星彩预测| www.049067.com-福彩东北彩霸3| www.079223.com-足彩2元能中多少| www.133601.com-河南快三怎么追号| www.6363.org-彩32是真是假| www.35665.cc-彩票过滤工具| www.085304.com-下载彩票777| www.000482.com-彩乐乐江苏快3| www.625613.com-牛彩3d谜-| www.512061.com-统计学可以算彩票吗| www.436686.com-福利彩票7-| www.480481.com-排三新浪体彩| www.4245.xyz-体彩19023-| www.180239.com-江苏体彩-| www.300086.cc-快三分布图图表示| 幸运彩票www.982799.com| www.vo08.com-福彩假还是体彩假| www.874930.com-全民竞彩下载| www.962214.com-彩友网4944cc| 福利彩票www.99677i.com|