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.994.cm-体彩中奖彩票图片| www.02166.com-玩彩票的危害| www.70475.com-中国福利彩票一体机| www.029594.com-爱心彩票网-| www.114603.com-福彩3d工具-| www.196362.com-甘肃快三玩法| www.264565.com-360彩票走势大全| www.447226.com-唯彩视频-| www.543509.com-657彩票什么网站| www.688005.com-买彩票的微信群| www.774114.com-七乐彩复式机选投注| www.885184.com-谁知道传奇彩票网址| www.970594.com-福利彩票6000万| www.cai3577.com快三胆拖投注计算器| www.mn76.com-福彩20选5窍门| www.8re.com-手机时时彩平台搭建| www.70uv.com-668彩票软件下载| www.1413.cn-双色球彩牛材网字谜| www.9877.live-纪检委查福利彩票| www.55098.com-免费送彩金论坛| www.006973.com-河南幸运彩号码图| www.083808.com-彩票指南电子报| www.155959.com-辉煌彩票登录网址| www.277676.com-福利彩票预测43| www.366307.com-天中图库彩搜网| www.467199.com-几点停止买彩票| www.557048.com-九万彩票是谁开的| www.634676.cc-七彩油滴建盏| www.806013.com-一发彩票-| www.883084.com-彩投是什么-| www.971617.com-泰安体彩3亿| www.cai3915.com甘肃一定牛快三| www.lt37.com-中彩网的骗局| www.n16.net-668彩票网站| www.50ar.com-香港竞彩高手谈心得| www.0016.club-12生肖彩票资料| www.8948.vip-盛兴彩票网v3导航| www.46346.cc-买彩票提成多少| www.93218.com-快三试机号今天是| www.058842.com-福彩3d玩法与技巧| www.165468.com-彩票亏损返利| www.254386.com-好彩彩票是不是诈骗| www.329835.com-中国彩吧红五图库| www.410289.com-七彩球开奖查询| www.517226.com-中彩网老牌网站网址| www.588297.com-彩库之家-| www.663037.com-牛彩一句定三码原创| www.740740.cc-澳彩與歐賠-| www.816466.com-快三豹通什么意思| www.890549.com-足球彩票神人| www.961495.com-大奖彩票靠谱吗| 幸运彩票www.224066.com| www.hx33.com-广西一分钟快三| www.zu24.com-分分彩开奖号查询| www.30te.com-彩虹吉他弹唱教学| www.0875.date-手机博彩白菜网站| www.7272.me-礼拜六开什么彩票| www.22893.cc-做美人鱼彩票犯法吗| www.65576.cc-福彩哪个软件好| www.039108.com-双色球购彩车| www.125603.com-体育彩票排五开奖结| www.200497.com-河南快三遗漏预测| www.273208.com-中国福彩发行原则| www.395915.com-星期日体彩开什么| www.525931.com-8k彩票作弊器| www.628353.com-口袋彩票的邀请码| www.697628.com-彩民堂软件下载| www.773949.com-花生彩票官方网站| www.902098.com-已跑路的彩票平台| www.957602.com-9彩新一代团队计划| www.999597.com-境外彩票信誉网址| www.hp6.com-购彩大厅网上买彩票| www.ol26.com-吉林彩票网快三走势| www.8ci.com-a8彩票网站骗局| www.63sh.com-万博彩票怎么下注| www.0485.cm-河南省福彩领奖地址| www.8079.vip-加拿大基诺彩开奖| www.27568.com-福彩店门头-| www.69982.com-盛世平台彩票| www.049939.com-甘肃十一选五爱乐彩| www.128917.com-彩民在线双色球| www.201146.com-七星彩近30号码| www.272828.com-pc彩票是什么| www.374484.com-东方集团彩票靠谱吗| www.493553.com-靠谱的彩票-| www.561810.com-鸿彩直播咪咪| www.630689.com-买飞鱼体彩的技巧| www.698620.com-七星彩开奖号码一一| www.772456.com-五星彩票资料| www.879285.com-智慧彩票预测主页| www.964369.com-五百万彩票下载安装| 天天彩票www.7782l.com| www.dg29.com-福利彩票时时彩下载| www.vf26.com-网络买彩票骗局| www.04dz.com-完整版彩客比分直播| www.66wt.cc-黑龙江福彩麻将玩法| www.0480.com-用彩绳编的手环| www.9275.online快三计划公式| www.43314.com-旺彩双色球历史版本| www.85651.cc-七星体彩软件下载| www.036119.com-网络彩票推销技巧| www.188578.com-快三代理待遇怎么样| www.258062.com-大赢家时时彩网址| www.325315.com-彩票工具今日运势| www.388892.com-体育彩票如何兑奖| www.533329.com-北京长乐快三| www.611623.com-新昌双彩茶苗| www.677895.com-体彩公司营业时间| www.751416.com-福彩3d专家聋哑人| www.813091.com-体彩线上远程培训| www.879565.com-盛彩票-| www.971974.com-体育彩票案-| www.fk9.com-正规时时彩官网| www.nm39.com-中国足球竞彩app| www.x43.cn-体彩海南4十1玩法| www.46ok.com-二十六天天好彩资料| www.423.in-97彩票网官方网站| www.3383.net-米来了app竞彩| www.8406.vip-江苏快三推荐什么| www.28315.cc-江苏福彩中奖规则| www.66283.cc-老时时彩综合走势图| www.073219.com-买彩票好吗-| www.131564.com-长春市福利彩票领奖| www.199046.com-体育彩票怎么买数字| www.261921.com-福利彩票开奖规则| www.365846.com-彩铅画渐变教程图解| www.445630.com-开彩网站源码| www.529387.com-直彩app-| www.620830.com-全世界彩票-| www.679105.com-博彩对冲套利是什么| www.747912.com-快三同号不同号规律| www.809828.com-辛运彩彩票-| www.875941.com-e球彩两场全包玩法| www.974810.com-体彩大乐透购买时间| 凤凰彩票www.606920.com| www.gl32.com-福彩网上能购买了吗| www.vq54.com-河南省幸运彩走势| www.03ct.com-双色球基走势图星彩| www.62kx.com-义乌市福彩网| www.878.in-重庆时时彩止损技巧| www.4434.xyz-彩薇花活细胞润白液| www.9000.cm-3d彩票有几个球| www.71624.com-9万彩票官网新版本| www.025893.com-福彩3d万能组选| www.090588.com-博友彩是什么| www.145982.com-310足彩专家预测| www.242484.com-中彩网3d字谜| www.306229.com-时彩平台出租| www.365797.cc-彩铅画简单教程大全| www.437855.com-非凡彩票专注服务| www.520142.com-美国人买彩票方法| www.578543.com-柒鑫彩票靠谱吗| www.636381.com-彩虹挂在天上像什么| www.773844.com-彩票三十选七多次数| www.847547.com-古建寺院彩绘图片| www.899274.com-彩6c彩票-| www.958432.com-大发鸿运彩票| GO彩www.dao70.com| www.sl2.com-福利彩票怎么看中奖| www.oa76.com-广西福彩门户网站| www.5km.com-刘军玩彩-| www.48it.com-福彩微信头像| www.097.vip-彩票站提前开奖源| www.2373.cc-奖彩票开信息查询|