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天

知道了
彩01彩票 www.603653.com-梦见几个彩票店| www.820056.com-彩票中心兑奖给支票| www.920635.com-众彩千里马预测| www.994893.com-天津体彩11远5| www.ad85.com-腾讯彩票-| www.m10.cx-体彩屋注册邀请码| www.63uq.com-好彩一历史开奖记录| www.1924.com-鸿彩快三下载安装| www.9970.top-彩礼钱退还比例规定| www.035578.com-至尊彩网址-| www.162577.com-中彩网五分快三| www.268062.com-湖北快三基本走势| www.387611.com-好彩里的钱怎样提现| www.554463.com-彩票励志诗-| www.643579.com-彩明堂计划官方下载| www.803545.com-凤凰彩票用户登录| www.882434.com-易彩网代玩有啥风险| www.995959.cc-足彩18086任九| www.bw38.com-广东天彩查-| www.xx71.com-高频彩票贴吧论坛| www.35pa.com-网上在哪买体彩| www.9851.in-竞彩足球专家| www.019331.com-彩24-| www.102358.com-k彩手机安装| www.188065.com-时时彩最新技巧| www.322388.com-乘风彩票-| www.407373.com-2元七星彩基本走势| www.541164.com-体彩大乐透开奖| www.669166.com-外国买彩票最牛的人| www.792736.com-买彩票中奖灵符| www.886649.com-云天国际彩票登陆| www.cp5537.com-北京快三查询结果| www.po55.com-福利彩票动物总动员| www.23dh.com-彩票平台源码在哪| www.0518.cn-体彩大乐透游戏规则| www.8880.gg-足彩入门知识| www.63379.cc-订婚要彩礼吗| www.061415.com-广东体彩竞彩店| www.158452.com-星际彩票-| www.340406.com-体育大乐透彩票开慢| www.447466.com-福彩3d雪莲定尾| www.546788.com-怎么申请福彩投注站| www.660810.com-阿里彩票网址| www.755861.com-手机贴彩膜教程苹果| www.850510.com-足彩胜负计算器| www.912605.com-幸运一幸运二福彩网| www.971460.com-彩九怎么下载| www.mq00.com-中彩啦是合法软件吗| www.t09.net-彩票中奖一亿| www.55mv.com-福利彩票租赁平台| www.0515.love-体彩竞猜游戏规则| www.8778.top-福彩中心主任贪污| www.44810.com-百信彩票-| www.93660.cc-彩娱乐手机版下载| www.060728.com-幸运彩福彩手机网| www.171776.com-贵州彩票中心| www.262105.com-中国体彩网走势图| www.356375.com-怎么用数学计算彩票| www.446449.com-迷彩虎游戏下载| www.541199.com-大乐透彩票号码怎算| www.654355.com-叫彩之源的app| www.741185.com-福利彩票28-| www.817622.com-快三挂机稳赚模式| www.893112.com-福彩3d之家彩吧| www.963579.com-买足球彩票怎么买| 500彩票www.338073.com| www.hv57.com-福彩和值-| www.zl37.com-乐米彩票app网址| www.27ni.com-众乐彩票网怎么样| www.0697.cc-易彩堂在线登录| www.7341.in-彩虹6号干员介绍| www.23582.com-达人彩票官网下载| www.68053.com-彩票中了秘密| www.051269.com-全国彩-| www.132440.com-兰考彩礼2018| www.211528.com-浙江快三开奖| www.282820.com-体育彩票7星彩规则| www.391789.com-网上彩票什么开售| www.516730.com-玩两分快三技巧| www.588563.com-七星彩图版库| www.661712.com-足彩庄家永远赚钱| www.764602.com-玩彩吧app-| www.865690.com-网易彩票官方版| www.930295.com-吉林快三最新开奖图| www.984230.com-深圳福彩3d论坛| www.yt82.com-人人中彩票平台官网| www.23kd.com-福利彩票新人怎么买| www.385.space-中国福彩官网客户端| www.4002.cm-竞彩输钱了千万| www.9481.loan-神彩网登录-| www.61287.cc-时时彩报警能追回吗| www.020078.com-体彩为什么要限制| www.090082.com-世界最大的彩票中奖| www.155724.com-重庆肘时彩开奖直播| www.265263.com-新快三单机游| www.350688.com-今天彩票开奖信息| www.433003.com-贵阳市体彩销量| www.527005.com-时时彩五星一注一元| www.630797.com-随时赚彩票官网| www.702159.com-快三开奖河南| www.776758.com-海南七星彩图片大全| www.879377.com-福彩新快三开奖结果| www.957226.com-苹果手机足球彩票| 福彩www.86267d.com| www.ee17.com-快三最好的投注方案| www.um02.com-快三內蒙-| www.04ik.com-兰花简笔画彩色简单| www.70sd.com-中国体彩生肖乐| www.0817.net-哪里可以买足彩竞猜| www.9983.top-福彩3d爆点图| www.52171.cc-快三稳赚计划| www.95185.com-60彩票总代理| www.051670.com-668彩票骗局| www.152583.com-彩神iii是什么| www.234149.com-铜陵体彩兑奖地址| www.305950.com-彩虹六号腾讯| www.370149.com-网易七星彩自选| www.456100.com-彩虹六号倍镜| www.537745.com-彩是表示颜色的字吗| www.658467.com-时时中彩票官网登陆| www.739140.com-香港正规彩票有几种| www.806482.com-361时时彩登陆| www.874288.com-彩票平台刷流水任务| www.959111.cc-掌上彩福彩3d| 乐趣彩www.lqc2.com| www.bb71.com-内蒙古福彩中心地址| www.rg60.com-今天的湖北快三开奖| www.12wq.com-c16彩票-| www.75fg.com-购彩之家下载安装| www.1016.com-体彩大乐透怎么选号| www.8554.pw-彩票过滤工具靠谱吗| www.35643.com-快彩数据专家注册| www.77036.com-新浪胜负彩九场推荐| www.027091.com-三分时时彩软件下载| www.095910.com-竞猜型彩票有哪些| www.151975.com-3d中国彩吧图| www.275969.com-快三重一个好有钱吗| www.356994.com-体彩店网店-| www.427721.com-鲸彩漆-| www.516167.com-一分钱起投的彩票| www.577987.com-开黑彩票判多少年| www.640436.com-福彩北京快3和值图| www.765734.com-中博系统彩票平台| www.845184.com-福彩中心1360| www.904496.com-顶呱刮彩票下载| www.962984.com-彩神lv大发秘诀| 大福彩票www.df76.com| www.yi9.cc-快三开奖今天| www.op80.com-中奖彩票折了| www.8sc.cc-时时彩架设源码| www.55je.com-中国体彩微信公众号| www.654.org-3d福彩彩报第三版| www.3711.in-购彩xs是骗人的吗| www.8556.biz-怎样研究七星彩规律| www.94199.cc-文化与彩票-| www.042688.com-竞彩经典宣传语| www.129797.com-爱彩乐福彩3d| www.193243.com-派彩网北京快3| www.255929.com-体彩河北11选五| www.315863.com-彩虹5无人机出口| www.374619.com-五分⑥和彩香港的吗| www.528566.com-中国体育竞彩首页| www.600063.cc-买彩票中奖是运气| www.662233.com-乐8网彩票是真的吗|