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天

知道了
江苏11选5 www.15ub.com-幸运彩45-| www.662078.com-重庆时时彩.apk| www.765180.com-买足彩用什么app| www.855284.com-彩票中奖真实人物| www.947071.com-福彩高频彩有哪些| AKW彩票www.akw0.com| www.dp72.com-福利彩票苹果版| www.xv26.com-山西彩票-| www.46mg.com-彩票开奖直播官网| www.488973.com-福利彩票招聘信息| www.628795.com-彩票代打兼职招聘| www.232869.com-竞彩澳客网-| www.314214.com-玩重庆时时彩的心态| 七天彩www.k796.com| www.826682.com-彩票30天签到| www.950418.com-海南休育七星彩开奖| 吉利彩票www.66376d.com| www.gk43.com-众赢彩票下载| www.h17.club-快三几点结束| www.111.me-zc557众彩网| www.361061.com-万达彩票官方网址| www.47848.com-乐彩网福彩三d网页| www.208115.com-爱投彩票-| www.308378.com-大发快三看和值| www.389690.com-体彩排3综合走势图| www.536595.com-买彩票的途径| www.627580.com-双彩论坛三句话| www.9023.net-今日七星彩预测头尾| www.547168.cc-福彩3d近十期开奖| www.08163.com-体彩排三排五论坛| www.082181.com-彩民之星破解版| www.995786.com-竞彩盈亏-| www.187539.com-七星彩游戏玩法介绍| www.774876.com-彩票书籍电子版| www.dp77.com-福星彩-图库| www.76qy.com-足彩庄家预测有多准| www.380060.com-名人堂彩票软件| www.520911.com-星之卡比三重彩下载| www.859913.com-彩票360网走势图| 吉利彩票www.80065b.com| www.5107.cc-彩票未领奖-| www.379034.com-彩客网ckw-| www.727956.com-福利彩票工具| www.907076.com-香港政府彩票网站| www.997493.com-时时彩源码-| www.da21.com-天天彩票官网| www.xx72.com-688彩票软件| www.24ke.com-手机背板彩膜| www.1068.xyz-澳客彩票网盈彩网| www.770022.com-55彩票苹果-| www.057081.com-彩钟大厅-| www.014768.com-快彩乐乐-| www.787355.com-江苏快三有没有假| www.874212.com-免费搭建彩票平台| www.16733.cc-彩票随机打法| www.506506.cc-m8彩票我的账户| www.111062.com-深圳体育彩票最大奖| www.82805.com-搜狐彩票网好不好| www.269108.com-网络彩票恢复了么| www.jk78.com-彩票怎么算中奖| www.v50.top-诚信彩票网抢红包| www.69ha.com-易彩网七星彩| www.043001.com-足球彩票的区别在哪| www.145154.com-河南快三走势图一定| www.899251.com-七星彩头奖多少钱| www.016292.com-福彩3d胆组合| www.fx95.com-彩民群-| www.9680.wang-彩礼8斤8两多钱| www.02sj.com-彩虹头像男生| www.774300.com-七星彩的中奖等级| www.850552.com-彩票代销证-| www.577051.com-k8彩票平台注册| www.675278.com-许昌结婚多少彩礼| www.760836.com-超级时时彩在线| www.833277.com-e赢彩app下载| www.899064.com-七星彩票开奖直播| www.963036.com-3d牛彩图库网| www.cp365.com-体彩排列五-| www.715856.com-海南七星彩微信诈骗| www.102626.com-k彩1970-| www.245363.com-易彩快三下载| www.384543.com-福利彩票门口标语| www.703830.com-八亿彩票下载安装| www.814864.com-邯郸彩票案宣判| www.894871.com-中国福利彩票qq群| www.954630.com-彩票宝app下载| www.999605.com-170彩票网首页| www.ax37.com-七乐彩截止购买时间| www.pr96.com-体彩助手电脑版| www.q22.top-网上江苏快三| www.232613.com-福利彩票分析| www.005011.com-今日彩票开奖结果彩| www.9306.cn-7乐彩杀号方法| www.56889.cc-唐龙说彩组三点评| www.971659.com-智慧彩自动投注| www.016127.com-怎么看彩票开奖视频| www.083346.com-东彩是正规的平台吗| www.365654.cc-竞彩足球进球数推荐| www.451771.com-信彩票是真的吗| www.496862.com-彩票必中动态图片| www.590812.com-球赛竞彩app| www.68216.cc-周易与彩票选号下载| www.055680.com-中彩票40亿-| www.639569.com-彩8万人牛牛| www.970241.com-腾讯十分彩开奖记录| www.mi1.cc-快三吉林和值走势图| www.wn60.com-彩中彩网址-| www.071867.com-怎么举报彩票店吃票| www.619646.com-七星彩彩票图片大全| www.q33.in-中国福利彩票五等奖| www.986752.com-快三的奖金表| www.223060.com-福彩3d论坛乐彩网| www.987933.com-体彩福彩开奖日期| www.311732.com-五福彩票网站| www.276244.com-福彩中奖几率| www.829294.com-66网赌彩票-| www.821112.com-宾利事业彩票网址| www.891489.com-网上彩票平台发计划| www.im6.cc-内蒙古新快三| www.069108.com-优乐彩票网-| www.114119.com-湖南体彩app| www.181940.com-中国福利彩票3d| www.930375.com-福彩快3豹子规律| 彩82www.c9332.com| www.8735.me-福彩3d奖直播| www.092737.com-如何处理问题彩民| www.678193.com-3d彩界元宝独胆| www.767872.com-旺彩网合法吗| www.577698.com-分分彩龙虎技巧| www.892117.com-福彩快乐彩开奖号| 七星乐www.535666e.com| www.260298.com-彩票九是否合法| www.338530.com-体i体育彩票| www.733901.com-福利彩票容易中奖号| 500彩票网www.97655t.com| www.356834.com-怎么能看彩票中奖了| www.792501.com-七位数彩票几点开奖| www.11476.com-澳客足彩下载| www.65432.com-预测彩票软件出售| www.041369.com-体彩福福彩开奖结果| www.531593.com-彩客网触屏版下载| www.22eq.com-入侵彩票网-| www.wi58.com-幸运快三计划骗局| www.3006.cc-005彩票官网| www.29162.cc-手机购彩哪个好| www.731220.com-体彩佣金怎么算| www.673160.com-古建彩绘图案矢量图| www.83889.cc-在镇上开彩票投注站| www.049454.com-竞彩彩票网站源码| www.135379.com-互动彩票平台| www.196838.com-彩票开奖查计询| www.269074.com-登峰彩票-| www.69186.com-印尼五分彩是哪里的| www.324965.com-海南私彩论坛| www.392044.com-什么叫搜狐彩票| www.542284.com-360彩票原始版| www.mq61.com-今日河北快三开奖号| www.515105.com-海南七星彩图版下载| www.586165.com-众乐网上彩票合法吗| www.647688.com-智胜彩票手机版| www.070196.com-龙虎彩票骗局| www.629162.com-竞彩網-| www.365320.cc-伊通老五黑彩| www.487758.com-铁人铁蛋彩吧图库|