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天

知道了
彩票256平台 www.9007.cm-下载安徽福彩网| www.023449.com-天津时时采彩app| www.114684.com-xx彩票-| www.198584.com-快三下期预测号码| www.282280.com-彩票最灵中奖神咒| www.422398.com-广西体彩网上投注站| www.534767.com-彩票挂机稳赚方案| www.644889.com-118彩票安卓手机| www.743672.com-购彩是什么-| www.827381.com-3分彩是合法的吗| www.910047.com-买福彩快乐十分技巧| www.980103.com-彩票站招聘打票员| www.gg99.cc-江苏体彩网大乐透| www.a13.bid-中国体彩排列三论坛| www.37sx.com-时时彩推波玩法表格| www.1351.pw-七星彩彩票开奖结果| www.8644.in-中彩网官方唯一指定| www.47349.com-凤凰彩票平台安全吗| www.97847.com-彩票网站返点最高| www.076109.com-彩票达-| www.147709.com-龙江福彩下载| www.277173.com-七星彩结果-| www.370148.com-七星彩开奖结果机选| www.486583.com-今日竞彩单关图片| www.570672.com-视讯彩不能玩| www.653088.cc-吹吹七星彩票圈| www.777469.com-ag数据彩票网| www.872727.com-天天爱彩票合法吗| www.958821.com-湖北体育彩票官网| 天下彩www.436106.com| www.jm13.com-玩私彩犯法吗| www.h52.club-天吉网彩票论坛首页| www.48ey.com-中国体育彩票标志图| www.0044.biz-中国福利彩票验证| www.9293.biz-哪个彩票容易中奖| www.76220.com-文成县福利彩票| www.037371.com-万能彩票过滤器| www.138505.com-老时时彩开奖查询| www.224467.com-凤凰快三破解| www.307858.com-甘肃快三25期| www.383814.com-彩票开奖数据源码| www.601658.com-买彩票亏死了| www.677876.com-湖北福利彩票公众号| www.761787.com-甘肃竞彩专家推荐号| www.876039.com-快三爱乐彩开奖结果| www.954313.com-时时彩123助手| 彩票坊www.022b.cc| www.ej16.com-高频彩违法吗| www.wo42.com-快3骰子彩票在哪| www.16wh.com-潢川广场福利彩票| www.0068.cc-菠萝彩双色球密码| www.6742.vip-天天中彩票邀请码| www.21242.com-手机体育彩票中奖图| www.65660.com-七星彩机选在线机选| www.513981.com-马来西亞福利樂和彩| www.590928.com-香港中彩堂41cc| www.694881.com-时时彩群号大全| www.778876.com-彩票助手小程序| www.859699.com-116彩票-| www.929826.com-666彩票网注册| www.989440.com-双色球彩票过滤软件| www.ch9.com-福利彩票发行目的| www.ph87.com-海南快三走势图表| www.07lx.cc-体彩排列三的返奖率| www.79om.com-福彩3d心精英论坛| www.1920.org-越南果时时彩| www.7585.net-中国彩票22选5| www.26885.cc-七乐彩一单式开奖| www.71889.com-网易彩票走势图分析| www.082059.com-快三哪里能玩| www.147918.com-网络彩票投注员兼职| www.252636.com-红彩会彩票可信吗| www.324713.com-中国福利彩票副主任| www.396331.com-网络竞彩投资骗局| www.540000.com-花式快三口令分解| www.635001.com-萝莉炸金花彩票规律| www.734258.com-凤彩网3d今天字谜| www.809059.com-105彩票真实吗| www.881575.com-澳门博彩五星| www.990512.com-众赢彩票登录| www.gj6.com-时时彩规则与玩法| www.on62.com-七乐彩奖励-| www.7sv.com-婚后买彩票中奖| www.65fq.com-说彩app-| www.0477.wang-网易彩票排列推荐号| www.8385.vip-高频彩时间规定| www.30064.com-体彩大乐透直播摇奖| www.72019.com-彩猫8-| www.054005.com-mc彩票-| www.132426.com-河南兰考彩礼价格| www.206276.com-彩票争霸官方网站| www.275869.com-d9彩票下载-| www.379581.com-尼彩手机二手| www.502588.com-多彩投非鱼-| www.569873.com-山东好彩快3| www.637443.com-小米彩虹电池好吗| www.747183.com-大奖彩票首选网站| www.813984.com-爱乐彩票下载| www.882923.com-彩票净损套利| www.970089.com-网上购彩最好平台| www.uj5.com-百宝彩票-| www.qc36.com-两个网彩平台对刷| www.82.link-易发彩安全吗| www.65yp.com-天下彩免费-| www.0441.net-彩贝壳客服电话号码| www.21895.cc-彩神4安卓-| www.62266.cc-体彩是真的假的| www.026294.com-黑单彩票-| www.096893.com-体彩的利润-| www.157524.com-如何玩好竞彩单场| www.261320.com-极速时时彩开奖| www.345062.com-酷乐手游彩票| www.414477.com-出新出彩的近义词| www.513861.com-网址买彩票可靠吗| www.582542.com-下载福彩门户| www.652212.com-黄金8彩票网站| www.775877.com-张家口市彩票中心| www.860153.com-新彩票官方平台| www.919350.com-黑彩app改余额| www.974327.com-北京福彩双色球规则| www.op1.cc-甘肃快三开奖号结果| www.ok88.cc-下载海南体彩app| www.1uk.com-如何贴手机彩膜| www.51yk.com-新浪足彩擂台分析表| www.668.org-重庆时时彩彩票中心| www.4157.com-彩虹电视剧演员必表| www.9300.top-新加坡49彩票开奖| www.70572.com-鼎盛彩票网手机版| www.025533.com-2元彩票网专家杀号| www.093079.com-彩钢围挡板的规格| www.152622.com-七星彩哪里买| www.254008.com-福建快三同号| www.318099.com-977彩票软件下载| www.378614.com-足彩走势图-| www.513151.com-8k彩票有几年了| www.575387.com-福彩3d乐采网| www.638625.com-中国彩票谁监管| www.739257.com-亿发彩票官方下载| www.803978.com-中国体彩大乐透购买| www.872123.com-双色球中奖彩票图| www.962030.com-3d字迷多彩网| www.56378.com-买彩票可以赚钱吗| www.422004.com-彩力刚芽-| www.920327.com-河北省体彩开奖查询| www.9491.loan-蓝海彩票娱乐平台| www.36724.com-乐彩客手机版下载| www.75767.com-一分钱彩票平台| www.020438.com-彩38是黑彩-| www.080673.com-马来西亚盛兴彩票| www.133467.com-皇都彩票用户登录| www.199273.com-体彩5d-| www.260470.com-玩彩赌博-| www.322759.com-国彩网是骗局吗| www.382178.com-智慧彩吧-| www.583781.com-彩色的中国简谱| www.644589.com-青岛体彩电话| www.739527.com-08彩票预测软件| www.799899.com-彩票属于夫妻共有吗| www.865802.com-安徽快三跨4图| www.918840.com-博彩缴税多少| www.964149.com-中彩票概率-| 凤凰vlllwww.fh52.com| www.sx5.cc-上海快三预测专家| www.nc92.com-234彩票-|