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天

知道了
亚洲28 www.777590.com-英国5分彩开奖历史| www.899547.com-彩票怎么定制跟单| www.964930.com-体彩西甲-| www.cj5.cc-白岩松说彩票| www.rf21.com-中国体育彩票怎么玩| www.25aa.cc-必胜彩票网-| www.699.biz-聊城福彩中心新地址| www.cp4799.cc-uu快三-| www.501993.com-微信上的棒棒彩票| www.695153.com-新浪爱彩足彩分析| www.954310.com-重庆老时时彩下载| www.pv03.com-98彩票犯法吗| www.0458.bid-体彩图谜首页| www.18649.com-128彩票官方平台| www.67322.cc-玩福彩快三能赚钱吗| www.917186.com-风景彩铅画教程| www.dd08.com-三分快三计划稳定| www.38in.com-彩铅脸部上色技巧| www.11086.com-2019足彩软件| www.041858.com-美国彩票各州州税| www.150171.com-幸运中彩票助手下载| www.233320.com-仙彩足球彩票app| www.317596.com-职业彩民亏损| www.385759.com-166福彩-| www.533855.com-福彩三d胆码| www.p45.com-皇都彩票是安全的吗| www.83py.com-本斯彩票中奖号码| www.4671.biz-福彩双色球奇葩号码| www.675516.com-49码彩票app| www.790478.com-江苏快三是黑彩吗| www.872109.com-黔东南州体彩中心| www.984225.com-3d字迷新彩网| www.bf04.com-093彩票骗局| www.ry59.com-368彩票-| www.26jm.com-彩票19033期| www.193.la-万紫彩票-| www.5609.cn-彩票直通车网下载| www.39503.com-七星彩好的号码推荐| www.680422.com-中彩网中奖故事| www.791394.com-老时时彩综合走势图| www.885948.cc-彩票平投与倍投| www.954846.com-体彩足球竞彩直播| 全民彩票www.75353.cc| www.916224.com-凤凰时时彩平台| www.en84.com-重庆快三彩票| www.112816.com-贵阳快三走势图| www.193571.com-网上买彩票的网站| www.313976.com-唯彩会专家预测号码| www.456231.com-手机验证短信送彩金| www.560361.com-拉霸游戏注册送彩金| www.659497.com-极速快三玩法简介| www.815153.com-查看3d天天福彩| www.903605.com-3d福彩试机号查询| www.979957.com-大发快三网址谁有| www.bj12.com-快乐彩历史开奖号码| www.yw81.com-大发快三怎么买豹子| www.35tk.com-福彩快三套路教学| www.6679.top-河南福彩扫一扫| www.777667.cc-百度中彩彩票| www.936552.com-自助售彩机-| 网易彩票www.060wy.com| www.599736.com-喝酒后买彩票| www.003563.com-彩之源注册-| www.3863.com-彩票返点大揭秘| www.wi25.com-彩票开奖查询公告丨| www.45ij.com-体育彩票店分几种| www.1022.tv-c68彩票官方网站| www.00036.cc-福彩3d矩阵图详解| www.jh18.com-重庆时时彩回血上岸| www.6cu.cc-分分彩推荐-| www.709.hk-江西时时彩还有吗| www.706048.com-微信群发送彩金| www.786697.com-甘肃福彩3d走试图| www.881281.com-私彩平台真实玩家少| www.955144.com-彩票老司机app| JJ彩票www.11310.cc| www.680128.com-双色球彩票真实性| www.784855.com-乐米彩票与乐优彩票| www.907201.com-买十二生肖彩票| www.982243.com-一期彩票人工计划| www.dy96.com-吉林快三网站盘| www.161103.com-上彩票2626cc| www.99340.com-特彩吧旧版免费资料| www.111011.com-御彩轩软件计划图表| www.645038.com-翼彩宝客户端下载| www.743955.com-彩票复式能中吧| www.838027.com-贵州快三每天多少期| www.366918.com-儿童彩铅画视频教程| www.553375.com-上海体彩排三走示图| www.646336.com-买足彩输钱回血| www.em69.com-南方彩票网-| www.zg89.com-福彩一定牛下载| www.75724.com-体彩32期开奖结果| www.062643.com-鸿运彩票登录网| www.212298.com-私彩平台哪个可靠| www.297179.com-中国福彩中心3d| www.365708.com-开学彩铅主题画| www.508218.com-牛人找彩票漏洞| www.579454.com-福彩今天开机号码| www.667486.com-跟导师买彩票| www.752872.com-彩12彩票下载| www.879108.com-河南福彩幸运走势图| www.961863.com-四川福彩官网首页| 奔驰彩票www.781566.com| www.08ob.com-天吉彩票代理犯法吗| www.76ij.com-七乐彩10个号中4| www.1586.wang-体彩大乐透直播地址| www.77938.com-买福彩3d技巧吧| www.3574.cn-彩金送9快棋牌| www.04529.com-竞彩微信群-| www.cp4242.com-吉林快三计划网| www.091733.com-下载环球彩票| www.622774.com-甘肃福彩机子申请| www.09100.com-k3808鸿彩快三| www.78185.com-哪些彩票中奖率高| www.066256.com-3d图3d彩票-| www.931757.com-足彩大神跟单靠谱吗| 九五彩票www.959557.com| www.356836.com-怎样查彩票-| www.721324.com-博友彩邀请码| www.800138.com-体彩任五开奖结果| www.72008.com-彩票最多中奖多少钱| www.061185.com-微信时时彩骗局揭秘| www.437868.com-网络彩票重启时间| www.754323.com-福彩3d北斗预测号| www.895386.com-华彩是传销吗| www.983865.com-808彩彩票网站| www.gz30.com-盈彩吧-| www.6qn.com-送的彩票中奖了| www.68ww.com-主流博彩公司| www.0888.cm-火星彩票下载| www.5768.vip-助赢时时彩计划软件| www.08676.com-福彩迷怎么样| www.63731.cc-竞彩足球投注量| www.026427.com-一分快三计划中心| www.637077.com-腾讯分分彩做号| www.707172.com-彩票app制作成本| www.774550.com-优乐彩官网下载| www.858056.com-彩票这东西能玩吗| www.88925.com-怎么举报248彩票| www.093016.com-福彩三d开奖结结果| www.192588.com-甘肃快三免费下载| www.291359.com-下载内蒙古快三安装| www.358976.com-怎么选七星彩号码| www.440266.com-契诃夫彩票读后感| www.518230.com-猜动物彩票开奖| www.586130.com-谦喜彩票计划| www.637017.com-彩虹5号电池容量| www.689928.com-腾讯五分彩在线计划| www.747656.com-环彩app正规吗| www.795558.com-亮彩旗舰店-| www.848522.com-新加坡福彩网站| www.891728.com-北京5分彩免费计划| www.943450.com-福彩与体彩那个真实| www.984939.com-彩运开心聊下载| www.cai3877.com快三跨度图-| www.0871.me-贵州福彩三d| www.218862.com-分分彩最牛回本技巧| www.980547.com-968彩票那里的| www.ab4.com-甘肃彩票快3登录| www.po87.com-随州论坛福彩| www.04nf.com-即时开彩2017| www.807512.com-快三守号怎么赚钱| www.871458.com-买彩票多少钱|