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.507320.com-第9彩票下载| www.087230.com-彩福大厦为什么便宜| www.598397.com-福利彩票新闻重庆| www.972292.com-韩国彩票怎么查询| www.727577.com-万彩吧彩票3d预| www.844718.com-互娱彩票是合法的吗| www.490025.com-彩一票开奖查询结果| www.610069.com-7星彩l-| www.10867.com-足彩500万投注| www.201521.com-七星彩中奖规则图| www.70495.com-宁波亿彩购物中心| www.171258.com-快三开奖结果查询| www.2459.org-新福彩票-| www.27227.com-足彩一般在哪买| www.085240.com-预测彩票软件| www.dp82.com-81678v快彩-| www.zl81.com-彩票半顺是什么意思| www.53iu.com-福利彩票多少一注| www.015095.com-红旗快三计划| www.355766.com-竞彩要不要交税| www.616910.com-争神彩票-| www.713571.com-天天赢彩票官网| www.805650.com-精彩彩票登陆| www.896298.com-优势的彩票合买源码| www.si50.com-重庆时时彩停彩| www.891239.com-最经典的彩票宣传语| www.31819.cc-东方彩票投入梦想| www.887700.com-网上彩票平台可靠吗| www.979959.com-买彩票快三-| www.f58.net-彩球游戏赌博| www.57nl.com-快快彩票下载| www.1340.vip-500go购彩-| www.cai5025.com福彩快三助手| www.295482.com-湖北快三杀号| www.377315.com-扣扣彩票-| www.227926.com-彩票查询软件| www.126417.com-创彩网邀请码| www.081217.com-体彩19034期| www.9581.biz-新浪体育彩票下载| www.526296.com-竞彩二串一计划图| www.660112.com-河南福彩网快三| www.750815.com-天天彩正规的吗| www.855001.com-七星彩预测开门彩| www.921785.com-大发快三时时分分彩| www.984098.com-75彩票下载-| www.bm21.com-彩票口诀-| www.p89.cc-彩票开奖开源接口| www.068314.com-江疏快三下载| www.101426.com-京彩学校事件| www.072058.com-大爆奖彩票靠谱吗| www.153678.com-爱乐透竟彩足球| www.253015.com-彩票站兑奖有提成吗| www.613334.com-天福彩票平台靠谱吗| www.694574.com-d9官方彩票平台| www.981439.com-足彩任选九投注技巧| www.540135.com-彩乐园哪下载| www.639535.com-香港免费彩票228| www.411163.com-唯彩足彩进球预测| www.575373.com-爱淘彩彩票合法吗| www.236879.com-体育福彩开奖| www.336031.com-打击海外服务器黑彩| www.422058.com-刚力彩芽街拍| www.574116.com-老师可以买彩票吗| www.672872.com-体彩乐彩排列三论坛| www.761534.com-快三抓豹子有规律吗| www.864857.com-彩票大江网| www.943726.com-百盛彩票-| www.uh.cc-福彩票开奖查询结果| www.re59.com-中国体育彩票怎么买| www.40po.com-足球竞彩胜平负结果| www.977.live-一分彩和值的技巧| www.567467.com-中国福利彩票42期| www.111511.com-下载盈彩网-| www.233780.com-北京快三最新走快3| www.304834.com-彩票app推荐| www.009956.com-彩票筛子有规律吗| www.54rz.com-会员注册鸿鼎彩票| www.216725.com-华彩快三网-| www.927860.com-海南七星彩规律表| www.984570.com-彩8娱乐网站| www.do3.cc-极速快三插件| www.00127.cc-手机上怎么样买彩票| www.438915.com-福建福彩加盟| www.561850.com-信誉好的私彩| www.389527.com-北京加盟彩票站| www.529177.com-彩虹代挂官方网站| www.604873.com-新生中彩地址| www.671088.com-福彩双色球几号停售| www.748372.com-中福彩票网站| www.810227.com-彩票中奖在哪里领奖| www.64532.com-全国彩票走势图| www.397061.com-赛车彩票官网| www.573129.com-做彩什么意思| www.813978.com-华亿彩票是黑平台吗| www.001577.com-贵州快三今日推荐号| www.365388.com-大发彩票贴吧| www.483234.com-刮刮彩大坑-| www.68768.com-天津市体彩11选5| www.995047.com-五百万彩票网址| www.ku57.com-上海彩票兑奖处电话| www.968957.com-彩神uv打印机价格| www.755962.com-7星彩论坛-| www.59698.cc-福彩天下无敌2| www.093550.com-北京彩票店联系方式| www.845614.com-体彩竞彩新浪| www.762508.com-网上买竞彩-| www.72456.com-彩吧彩票购彩平台| www.054565.com-360竞彩比分直播| www.163569.com-七乐彩机选5注| www.676330.com-彩票榜客服-| www.854148.com-pp彩票如何下载| www.69061.com-快三注册代码是什么| www.046020.com-彩81网站-| www.863072.com-新浪排列三数字彩票| www.935319.com-ios彩票计划软件| 乐彩赢www.0014f.com| www.370480.com-怎样看走势图买彩票| www.757766.com-中彩网能提现| www.183156.com-福利彩票官网| www.579365.com-流晶逸彩-| www.771915.com-新盛时时彩求带| www.871410.com-江苏快三买彩票软件| www.506253.com-轩彩娱乐网页版登录| www.409426.com-浙江体彩飞鱼走势图| www.ij03.com-福彩3d安装-| www.088483.com-黑龙江省体彩中心| www.236968.com-足彩310视频直播| www.344444.com-六开彩三中三怎么买| www.275893.com-大运河彩票怎么样| www.365345.com-彩库图吧-| www.72oj.com-福彩天外飞仙3d| www.621366.com-福彩砖石连连看| www.684485.com-福彩3d和值为7| www.846685.com-彩票黑幂-| www.940764.com-360彩票杀号定胆| 博乐彩票www.35918x.com| www.88355.cc-2019u9彩票-| www.dz04.com-其他平台有百盈快三| www.yb98.com-天津市时时彩开奖| www.32lt.com-新2彩票软件下载| www.565.red-极速赛车是什么彩| www.763369.com-网易彩专家预测| www.i99.xyz-博彩娱乐免费彩金| www.679116.com-有人让我玩5分彩| www.98723.com-竞彩直播网-| www.34kz.com-首存赠送100彩金| www.325370.com-今晚出什么奖七星彩| www.16238.com-新浪彩票走势图表图| www.67637.com-公务员买彩票违规吗| www.176459.com-五分彩都是骗局吗| www.097530.com-彩票刮刮卡中奖秘密| www.444278.com-彩赢家七乐彩| www.462844.com-体彩p3图谜-| www.361911.com-红牛福利彩票双色球| www.460202.com-福彩双色球篮球最大| www.1242.vip-七星彩每次中奖金额| www.06463.com-富贵彩票内部| www.99761.cc-巨人彩票靠谱吗| www.853373.com-河口彩客化学怎么样| www.668890.com-体彩体彩图谜汇总| www.3755.xyz-开心808彩票网| www.32559.cc-彩礼超2万视为贩卖| www.747743.com-环彩网ios下载| www.298602.com-今天福彩出奖号码|