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.940046.com-体育彩票4+1| www.cc.com-手机购彩平台| www.739659.com-地方福彩助手可靠吗| www.878264.com-国彩网投彩票返点| 网易彩票www.060wy.com| www.646326.com-足彩复盘技巧| www.783496.com-038彩票几年了| www.ta24.com-上海11选5爱彩乐| www.545503.com-竞猜足彩预测| www.193110.com-新韩国快三开奖查询| www.89983.com-七彩直播最新版| www.692692.com-6678彩票合法么| www.4hl.com-五百万彩票网真吗| 500彩票网www.61655x.com| www.329773.com-深圳思乐数据彩票机| www.68565.com-廊坊彩票大奖得主| www.ke75.com-彩票是真的吗| www.20ba.com-爱创彩票合法吗| www.203971.com-上海基诺彩票玩法| www.300031.com-福彩快三是怎么回事| www.709933.com-5亿彩苹果版| www.677259.com-全国彩票查询| www.81rm.com-99福彩是真的吗| www.914929.com-鸿运彩票下载安装| www.637769.com-七天彩时时彩| www.824663.com-福彩太湖图-| www.950469.com-乐彩客平台-| www.bj53.com-全国黑彩举报电话| www.9191.cc-新加坡彩票规则| www.22bw.com-彩票大平台推荐| www.998713.com-体育彩票曾志刚| www.806108.com-福彩快三帮投| www.726110.com-搜狗彩票合法吗| www.602260.com-祥瑞彩票-| www.89695.com-足彩4月份安排| www.393615.com-昨天体彩号码是多少| www.fq23.com-重庆体育彩票官网| www.06966.cc-福彩的可怕黑幕| www.6834.xyz-小鱼正版彩吧图库| www.87xy.com-福彩流水怎么回事| www.2771.bid-c01彩票-| www.60433.com-香港机密一肖彩经图| www.083058.com-菲律宾博彩违法吗| www.111310.com-彩民彩吧-| www.293920.com-福彩八码最大遗漏| www.380801.com-注册送彩金88| www.537790.com-服务大厅新浪爱彩| www.696135.com-新浪爱彩竞彩比分| www.795462.com-上海11选5一k彩| www.220449.com-彩神vi下载网址| www.65ja.com-乐彩论坛福彩网| www.347198.com-彩票娱乐网站下载| www.075602.com-彩票价格多少| www.637214.com-彩虹6号哪个平台的| www.730768.com-买彩票的大神| www.811593.com-彩票接口调用失败| www.zp01.com-时时彩为什么害人| www.59er.com-竞彩足球推荐微信群| www.315096.com-澳门3d彩票-| www.767890.com-旺彩体育-| www.5575.cc-正版资料一彩牛网| www.25619.com-彩虹张惠妹| www.83856.cc-腾讯分分彩平刷玩法| www.281224.com-中体彩网开奖| www.666385.com-乐彩国际登录| www.747888.com-中彩彩票一分合三| www.821331.com-3d福彩牛材网| www.894402.com-信彩计划-| www.954525.com-奔驰彩票计划网| www.cai319.com-快三平台哪个好| www.485.mobi-东莞彩之星印刷| www.166594.com-快三平台官网| www.la58.com-中彩网彩吧开机号| www.ig34.com-国家彩票软件| www.d34.me-福体彩历史开奖查询| www.177137.com-一分快三是哪里的| www.08217.cc-体彩顶呱刮中奖图片| www.562702.com-高频彩都有哪些平台| www.019430.com-红旗彩票菜种| www.610068.com-网上买彩票怎么领奖| www.683706.com-实体彩票店合作网站| www.774468.com-体彩排列5怎么玩| www.860527.com-763彩票-| www.929070.com-安徽福彩网开奖结果| www.985640.com-淘宝快三怎么买| www.ba21.com-内蒙福彩网快3| www.rl06.com-吉林快3彩票| www.216788.com-恒博快三官网| www.35159.com-腾讯彩票负责人毛涛| www.g97.cc-全民彩最新版本下载| www.xm87.com-快彩在线是不是真的| www.328730.com-下彩网触屏版彩票| www.31863.cc-动态澳彩足球赔| www.yj68.com-彩35平台-| www.742100.com-体育彩票重庆合川| www.841643.com-守号多久能中七乐彩| www.926293.com-鸿运彩票靠谱吗| www.981405.com-中国竞彩官方网站| www.cp324.com-广西快三开奖走势| www.251121.com-中福福彩票下载| www.533248.cc-体育彩票说明| www.639066.com-上海福彩店月收入| www.401978.com-新版一定牛彩票网| www.32372.com-8k彩票犯法吗| www.89553.com-快乐双彩玩法说明| www.822218.com-湖北快三走试图| www.2829.win-中彩彩票人人中彩票| www.805355.com-体育彩票推荐号| www.887153.com-160彩票平台| www.961084.com-天下彩d45-| 大赢家彩票平台www.785382.com| www.120227.com-宝马彩票案-| www.332355.com-福彩排列三试机号| www.084277.com-即时彩app-| www.160476.com-爱心彩下载-| www.227610.com-众彩-| www.5514.top-真实的彩票程序开发| www.8032.vip-鹰彩时时彩骗局| www.365338.cc-现金彩票app官网| www.306130.com-彩6官方网-| www.217221.com-彩客彩票老版| www.737720.com-1爱彩乐-| www.788112.com-驻马店西平农村彩礼| www.995167.com-新浪网体育彩票| www.15228.cc-长春福彩报纸| www.dp55.com-哪个平台玩快三好| www.39267.cc-分分彩票投注软件| www.029930.com-彩铅画人物古风唯美| www.kr95.com-新浪爱彩票网官网| www.hy30.com-北京快3彩票走势网| www.8486.mobi-中彩网快3是真的吗| www.210355.com-代玩幸运快三受骗| www.20605.com-湖北快三预测彩乐乐| www.621847.com-七星彩定胆杀码| www.687062.com-8号彩票是黑平台吗| www.756799.com-彩66软件-| www.819716.com-网上直播刮彩票| www.875878.com-足彩14场竞猜| www.393323.com-彩铅画眼睛图片| www.744947.com-海口彩票版精英| www.867909.com-七星彩内部码| www.ki53.com-易彩申请账号| www.8rq.com-彩票站用的键盘| www.91cv.com-千禧5分快三技巧| www.561512.com-k线彩票软件下载| www.739554.com-爱彩乐号码推荐| www.826883.com-胜负彩怎么看| www.976697.com-四川资阳结婚彩礼| www.qi59.com-好彩1生肖中奖规则| www.290275.com-彩库宝典开码结果| www.885017.com-亿彩堂app-| www.29623.cc-明彩电影-| www.023585.com-澳客彩票ios下载| www.176050.com-快三倍投盈利表图片| www.53432.com-彩虹emoji复制| www.021121.com-众博彩票平台| www.109584.com-派彩洗面奶-| www.770366.com-福彩快三太黑了| www.285160.com-时时彩个位必中技巧| www.7ii.com-大庆福彩中心位置| www.83rp.com-湖北省体彩11选五| www.945446.com-福建体彩双色球开奖| www.768962.com-苹果足球彩票app| www.cai0511.com福彩快3官网app|