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.599633.com-现在去哪里买彩票| www.99kj.cc-福彩三d杀尾| www.737715.com-2019年三d彩报| www.815591.com-排列五是福彩吗| www.914336.com-开时时彩平台赚钱吗| 818合彩www.www.8000hc.com| www.63vj.com-彩票投注正规app| www.960481.com-9亿彩票是真是假| www.218609.com-吉林快三开将结果查| www.603207.com-中彩网排列三| www.385846.com-助赢软件贵州快三| www.026734.com-交友平台骗女孩博彩| www.806896.com-足彩2串1稳赚不赔| www.d39.net-彩票中奖规律计算| www.085010.com-时时彩赢彩王app| www.276700.com-北京快三技巧规律| www.3709.cm-乐优炫彩是腾讯的| www.0782.org-幸运彩11xyc| www.13445.com-足彩任九投注规则| www.322299.com-137彩票平台下载| www.439938.com-视频中彩那天赛讲课| www.557585.com-酷彩吧是否靠谱| www.639534.com-怎么发掘竞彩客户| www.728860.com-大连体彩申请| www.802460.com-时时彩幸运飞艇| www.876475.com-福彩高人微信| www.955108.com-彩票也能开挂吗| 500彩票www.361477.com| www.81769.com-搜狗快三-| www.96938.cc-福利彩票七加一| www.390612.com-9万彩票安卓下载| www.730957.com-大掌柜彩票怎么样| www.310178.com-优信彩票平台怎么样| www.166805.com-江苏快三是什么| www.73685.cc-手机购买体彩大乐透| www.8771.xyz-大数据足彩分析| www.143733.com-体彩分析预测软件| www.2328.in-铂金彩票怎么取款| www.105.pw-缤果彩票是不是非法| www.71yq.com-海南网上怎么买彩票| www.22428.com-新e彩平台注册| www.515668.com-龙彩娱乐黑钱| www.542055.com-淘彩吧首页-| www.275118.com-快三计划预测| www.778711.com-11选5多乐彩开奖| www.864686.com-线上彩票-| www.933736.com-北京彩票兑奖地点| www.989587.com-快乐彩开奖助手| www.ch83.com-合肥福彩快三| www.917424.com-胜利彩票158| www.pn75.com-湖北精彩10分规则| www.106168.com-90年亚运彩票| www.200284.com-双色球走势图彩宝贝| www.000.blue-博汇彩彩票骗局| www.011093.com-福彩手机彩票网| www.404968.com-七星彩的技巧口诀| www.21973.cc-约彩365骗人| www.501835.com-k彩一彩原始邀请码| www.82jg.com-江西体彩兑奖办法| www.gl36.com-女方父母私吞了彩礼| www.53sr.com-乐彩网app客户端| www.3962.vip-中国足球彩票怎么买| www.17414.com-中国竞彩网唯唯看球| www.32205.com-彩色包装厂-| www.79358.com-想开个福彩和体彩店| www.126063.com-足彩导航-| www.568580.com-广西风彩快三| www.397308.com-南宁福利彩票站利润| www.678977.cc-彩票真的把我害了| www.885988.com-大地彩票安卓app| www.260.cm-官方亿彩是什么意思| www.c93.shop-彩票7星彩开奖结果| 彩票坊www.022nx.cc| www.296879.com-彩22app-| www.399878.com-1948春秋彩票| www.537683.com-彩云国物语重华番外| www.453213.com-七星彩万字表格| www.669381.com-蓝海娱乐海南彩票| www.767967.com-高频彩能赚钱吗| www.868837.com-大公鸡七星彩苹果版| www.952288.com-中奖彩票app| www.cp598.com-中福彩票骗局| www.549751.com-彩播直播平台| www.103377.com-3d旺彩预测-| www.4415.vip-幸运赛车彩票官网| www.901158.com-中国体彩报体彩赢刊| www.982471.com-福彩端邀请码| www.bu41.com-广东有快三吗| www.w66.biz-app彩票-| www.89337.com-顶级彩票登录不了| www.201490.com-在手机上购七星彩| www.755057.com-彩16下载了打不开| www.539405.com-体彩各省销量| www.640878.com-网赌福利彩票双色球| www.728618.com-体彩彩票走势图| www.791072.com-好彩双爆240一条| www.899897.com-z246天天资料彩| www.kj66.com-福彩生肖选号器| www.13dr.com-快三追两不同号| www.51868.com-福彩3d第72期| www.010280.com-福彩今日报纸| www.0410.pw-高频彩怎么玩都是输| www.19659.cc-柬埔寨做博彩| www.68813.cc-彩票选号有多少个| www.122275.com-彩票摇奖作弊事件| www.487732.com-福彩3d傻子预测| www.631058.com-好友游戏彩票分彩| www.713815.com-彩票大小单双口诀| www.780600.com-彩票软件那个好| www.868765.com-山东彩民中3亿| www.991811.com-时时彩后一公式定胆| www.cc82.com-彩票开奖快3| www.mi42.com-时时彩过年停售吗| www.836974.com-立彩充值-| www.918358.com-900彩票网怎么样| www.971579.com-体育彩票赚钱吗| 彩票5www.564676.com| www.149170.com-彩票挂机爆了追回| www.cai95.cc-长春快三-| www.712699.com-网赌一分快三技巧| www.858425.com-三彩丽雪官方旗舰店| www.951483.com-江苏快三漏洞查询| www.cai3000.com快三是个什么东西| www.4gn.com-福彩东北彩吧3| www.28639.com-彩票和股票哪个害人| www.31506.com-玩网络彩票心得| www.95738.com-中国福利体育彩下载| www.w29.net-湖北福彩论坛| www.738785.com-章鱼彩票交流群群号| www.353087.com-京彩挂机真假| www.531935.com-老版彩库宝典手机安| www.627184.com-福利彩票任三开奖| www.771810.com-怎么拉竞彩客户端| www.882725.com-彩票对冲套利| www.974628.com-3d众彩网精品杀号| www.fk49.cc-江苏快三计划全天| www.238238.cc-聚星彩票骗局| www.610689.com-彩票开奖有没有作假| www.r69.shop-利盈彩票-| www.194.gg-彩铅小清新插画人物| www.3610.vip-去彩票店买彩票尴尬| www.5335.net-旧版彩客网客户端| www.04272.com-彩票预测必中下载| www.653662.com-聚彩jc-| www.757985.com-希望彩票官网骗局| www.925544.com-旭彩可靠-| 13e彩票www.128760.com| www.367092.com-体彩佣金包括什么| www.672155.com-懂彩宝双色球预测| www.020864.com-今体彩排三开奖号码| www.105520.com-体彩36选7玩法| www.175105.com-福彩甘肃快三走势图| www.495529.com-彩漂液伤衣服吗| www.575219.com-惠普彩色喷墨打印机| www.638769.com-福彩大赢家宗旨| www.702249.com-临沂体育彩票加盟| www.779190.com-天天时时彩计划| www.947586.com-福彩有几种-| www.999021.com-彩乐汇是什么东西| www.fs15.com-极速快三计划网站| www.75qd.com-财政部批准网络购彩| www.163350.com-福彩快三能提现吗| www.872811.com-体彩加盟电话| www.4060.cc-七星彩总部-|