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.750877.com-吉林快三推荐和值| www.949548.com-巨富彩票网-| 600万彩票www.718322.com| www.273802.com-汪汪时时彩旧版本| www.690137.com-彩神彩票网-| www.890109.com-网上有几个彩票平台| www.214.top-真三毛彩吧-| www.bb71.com-内蒙古福彩中心地址| www.733763.com-河南彩票481玩法| www.816911.com-身边中彩票的人| www.895653.com-大中华彩票邀请码| www.963310.com-彩铅画鹿图片大全集| www.hw3.com-彩票长龙技巧| www.k20.com-国彩吧-| www.490613.com-澳博彩票安全吗| www.933183.com-手机上玩快三犯法吗| 博亿彩票www.636by.com| www.dh26.com-大发快三免费计划| www.8834.online福彩快三邀请代码| www.54659.com-网上彩票群计划| www.4130.com-彩虹805-| www.37383.com-送彩金提现棋牌游戏| www.016930.com-有人拉我做uc彩票| www.693033.com-体彩大乐透走势图综| www.784878.com-彩6彩票手机客户端| www.83oh.com-彩票做号软件腾龙| www.288990.com-彩票改时间了吗| www.371896.com-彩色的翅膀背景资料| www.484422.com-福彩3d奇偶-| www.563854.com-3d福彩图谜第二版| www.630512.com-好彩绿色紫色双爆珠| www.872380.com-福彩三d开奘结果| www.155124.com-送彩金的打鱼| www.576190.com-科学解释彩票| www.84si.com-体彩篡改数据| www.560288.com-体彩三d开奖助手| www.435630.com-好运彩票官网| www.z55.cc-宋代红绿彩瓷器鉴定| www.19652.com-时时彩论坛绝学技巧| www.941342.com-加盟时时彩代理注册| 8816彩票www.8816s.com| www.655772.com-爱彩彩网下载| www.725705.com-77彩票手机版下载| www.793363.com-合法赌博彩票机| www.85481.com-彩票系统全套源码| www.42644.com-美国新华彩银行| www.153972.com-中彩国际可以提现吗| www.546738.com-中国体育彩竞彩网| www.684760.com-彩票投几倍什么意思| www.781874.com-长春市双阳区黑彩| www.908675.com-胜负彩19041| www.963171.com-彩票顶呱刮软件| 梦想彩票www.33112a.com| www.3688.link-彩色复印机租赁上海| www.33631.com-环球彩票平台登录| www.263448.com-七乐彩4+1-| www.369684.com-福彩双色球几号停| www.ea50.com-体彩佣金说明| www.371761.com-彩票天下是不是| www.457303.com-体彩太湖字迷| www.026543.cc-哪个平台做电竞博彩| www.513952.com-福彩网站大全买| www.353335.com-体彩的基础知识| www.554446.com-足彩广告语-| www.866891.com-南京市体彩兑奖| www.955780.com-8月足彩赛程| 500万彩票www.98528f.com| www.sm43.com-中国竟彩网首页| www.0598.bid-易彩堂彩票邀请码| www.134045.com-360彩票苹果版| www.231716.com-福彩字谜图-| www.345666.cc-做彩神代理挣钱吗| www.62yj.com-彩票代销证一般几年| www.3238.xyz-彩879平台靠谱吗| www.9805.vip-中七星彩怎么领取| www.5426.pw-福彩3d高低图| www.39189.cc-彩神计划免账号密码| www.906086.com-怎么安装福彩3d| www.972275.com-福彩3d魔图高清| www.qk8.com-快三中2个有奖吗| www.og83.com-快三遗漏号-| www.259136.com-体彩竞彩网app| www.361552.com-天下六给彩开奖结果| www.531644.com-彩票4挂机-| www.999894.com-海南体彩飞鱼指标| www.yb94.com-派彩啥意思-| www.0768.me-彩28彩票网-| www.69812.com-大彩鲸苹果版| www.5184.top-福彩双色球大彩| www.228052.com-彩礼39999寓意| www.596200.com-3d彩博士-| www.93tu.com-彩票员工被判11年| www.302959.com-够力七星彩解梦查码| www.26323.com-乐和彩手机版| www.972952.com-彩虹世界官网| www.632626.com-天天爱彩票旧版首页| www.vj84.com-体彩断组-| www.97xd.com-彩队长彩票网| www.01629.com-中超足彩哪里买| www.25546.com-美国彩票有几种| www.650442.com-彩票指南彩搜网结果| www.9877.cc-汇丰娱乐彩票| www.93520.cc-丹麦28时时彩| www.121748.com-易彩开奖结果查询| www.247400.com-武汉快三彩票| www.bn8.cc-下载广西快三助手| www.08vs.com-周易如何选彩票号码| www.3296.bid-彩银条一克多少钱| www.77570.com-国家体彩总局网站| www.124799.com-迷彩兔最新视频| www.322722.com-盛兴彩票手机版v3| www.lb48.com-掌聊彩票-| www.843190.com-福彩助学-| www.970548.com-安徽快三遗漏统计值| www.ca77.com-天天彩票下载| www.11ax.com-宝钢彩钢瓦价格| www.0268.org-海南时时彩私彩| www.46622.com-3d彩神论坛-| www.020841.com-内蒙古快三走势全图| 500彩票www.51515h.com| www.zw31.com-搏有彩-| www.79qz.com-中国福利彩票三不同| www.11734.cc-管家婆彩图2019| www.83959.com-投资彩票稳赚的方法| www.087561.com-云彩厅首页-| www.191989.com-5分快三开奖结果| www.328189.com-福彩网那个网址是| www.446991.com-七乐彩17151| www.307144.com-彩票3d开奖-| www.308727.com-会员登录一9b彩票| www.777241.com-立彩助手邀请码| www.028384.com-博彩王彩票分析| www.164179.com-植彩坊官方网站| www.74412.com-搭建彩票平台查获| www.597569.com-彩票中奖如何纳税| www.102182.com-趣头条彩票平台| www.129822.com-新闻彩票-| www.497902.com-博彩提现骗局| www.970487.com-福彩排烈3-| www.428022.com-足彩缩水软件说明| www.602697.com-神州彩app真的吗| www.740097.com-澳彩客户端-| www.857447.com-彩之源彩票是怎么玩| 亚洲彩www.68568l.com| www.uh75.com-深圳快乐彩开奖号码| www.53oy.com-彩票达人下载安装| www.222064.com-北京福利彩票| www.137356.com-旺彩预测大乐透彩票| www.50013.com-金拐神彩专家专栏| www.77699.com-福利彩票藏机图今天| www.855029.com-速彩网黑平台| www.100205.com-互联网销售彩票举报| www.579217.com-天下彩现场开??| www.110503.com-福利彩票五分钟一次| www.730953.com-大掌柜彩票骗人| www.590928.com-香港中彩堂41cc| www.54518.com-大发时时彩漏洞| www.577142.com-陕西快开型彩票| www.867731.com-七星彩开奖几点时间| www.7897.net-分分彩太假了| www.949076.com-福彩3d两码和差表| www.099036.com-体彩大乐透走势表| www.11998.com-江苏快三购买技巧| www.179517.com-中国福利彩票官网|