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.795236.com-福彩福彩快三| www.900917.com-河北福彩排列五结果| www.973127.com-七彩玫瑰-| www.cai661.cc-贵州快三开奖| www.sh77.com-彩票网模拟投注| www.07.org-中华彩票9149| www.69nx.com-新未来彩票-| www.0794.bid-双赢彩票地址| www.5915.biz-体彩大乐透中奖秘诀| www.678416.com-国彩在线登录| www.813688.com-玩博彩能赚钱吗| www.949414.com-北京五分彩走势图| www.fw21.com-5亿彩是干什么的| www.7pa.com-青岛福彩中心主任| www.0182.net-国彩百科-| www.8968.in-国彩投注-| www.88083.com-如何查询彩票真伪| www.336830.com-lg传统彩票网站| www.522057.com-5亿彩票可靠吗| www.732391.com-河南省体育彩票申请| www.037216.com-彩票开奖南粤风采| www.263208.com-河北保定快三走势图| www.425448.com-重庆时时彩遗漏数据| www.582039.com-凤彩网主页登陆| www.694813.com-浙江体彩六加一玩法| www.781864.com-网易彩网下载安装| www.865554.com-手机版彩02彩票| www.939303.com-千万彩票下载安装| www.997798.com-彩票中心投诉电话| www.dm36.com-快三哪个平台最大| www.wk53.com-体彩中心电话号码| www.35wm.com-足球竞彩推荐网站| www.3968.net-的的彩讯app| www.9918.biz-河南西平彩礼多少钱| www.53773.cc-彩票的术语-| www.004422.com-幸运彩票下载安装| www.827018.com-彩管家最新版本下载| www.su21.com-9彩彩票是真的假的| www.89qh.com-陕西彩-| www.012365.com-一定牛彩票推荐| www.311229.com-如意彩票是骗局揭秘| www.528953.com-七彩虹官方网站| www.667654.com-如何看香港球彩台| www.990682.com-竞彩让平规律| www.lf39.com-购彩网登录平台登录| www.38ik.com-王刚讲故事之彩票| www.7848.biz-福彩3d最高中奖者| www.59352.com-天津时时彩彩经网| www.073536.com-中彩票后真实经历| www.213455.com-快三跨度中奖概率| www.384466.com-qq上能买彩票吗| www.553870.com-湖南福彩助学| www.690129.com-新彩票软件下载| www.846128.com-竞彩足球资讯哪里看| www.970169.com-安全购彩-| www.ct67.com-体彩大发快三| www.5jy.cc-章鱼彩票中过大奖| www.198.red-八手巴购彩票邀请码| www.5741.top-105彩票可信吗| www.11569.cc-中国福彩中心地址| www.57926.com-汇彩网网站-| www.008867.com-qq彩票抓娃娃| www.070395.com-彩礼是什么-| www.131525.com-结婚彩礼-| www.916995.com-彩铅画风景简单| www.310279.com-今日湖北快三推荐| www.1435.vip-名豪彩票-| www.491729.com-黑客攻陷黑彩网| www.1322.net-106官网彩票网页| www.338005.com-3d福彩预测号| www.490225.com-手机淘宝哪里买彩票| www.577789.com-福彩开奖06期| www.707695.com-彩票号码历史开奖| www.813234.com-微信女孩玩彩票| www.964078.com-彩吧彩票是什么意思| www.79882.cc-123彩图图库| www.099042.com-乐彩网排列三预测| www.246448.com-广西快三最大遗漏值| www.358055.com-微福彩-| www.833998.com-美产无嘴好彩| www.461003.com-新浪彩票老黄历| www.164444.com-中创微彩合法吗| www.280067.com-福彩三d出组三规律| www.375789.com-已恢复的网络购彩| www.838868.com-微彩娱乐手机版| www.066780.com-百盛博彩软件安卓版| www.810805.com-彩票星期五开什么| www.ms69.com-彩富网彩富高手网| www.sy06.com-彩之家全部彩种| www.186513.com-十分钟一开的彩票| www.23863.com-中国福利彩票电话| www.639743.com-1分钟时时彩能玩吗| www.866553.com-昨天晚上福彩开奖| 大赢家彩票平台www.301990.com| www.14ab.com-福利彩票160| www.863826.com-七星彩专家杀号预测| www.cai4866.com甘肃快三今天开奖| www.241896.com-人人彩票网官网| www.462992.com-晴予冰七星彩| www.691719.com-福彩双色球机选号卜| www.964197.com-福彩高手3+d彩票| www.pf03.com-河北快三技巧宝典| www.92vn.com-彩票导航平安| www.985912.com-湖北时时彩开彩结果| www.21xl.com-qq上说是玩彩票| www.587786.com-竞彩比分软件下载| www.87484.com-怎样才能戒彩票| www.191875.com-网易彩票手机版| www.oq16.com-跟导师买彩票套路| www.4842.top-梦见进了彩票店| www.37295.com-新星彩-| www.022456.com-恒彩最新登录地址| www.016036.com-彩票开奖查寻| www.688950.com-网上怎么买福利彩票| www.818958.com-有没有玩彩票高手| www.sa7.com-南方双彩网专家预测| www.07iv.com-彩铅手绘教程樱花| www.1776.club-南国七星彩手机板| www.vz93.com-手机赌博北京快三| www.84yl.com-支付宝彩票合法吗| www.838831.com-丹麦彩票28-| www.061779.com-中国重庆彩票官网| www.222010.com-特区彩论坛-| www.383622.com-彩客网在哪下载| www.626006.com-彩票网购买-| www.873798.com-35彩票登录网址| www.969023.com-刷彩票怎么牟利| www.857202.com-菲律宾博彩业安全吗| www.3204.xyz-公众号签到送彩票| www.893688.com-网络彩票线下| www.497228.com-华为娱乐彩票靠谱吗| www.920826.com-彩神彩票平台注册| www.515149.com-买了多年彩票| www.985525.com-彩票看走势图技巧| www.8282.vip-福利彩票一期销售额| www.680236.com-合肥百乐门彩票| www.299438.com-中彩啦是正规的吗| www.000848.com-彩票缴款通福彩| www.299054.com-全能中彩是不是真的| www.460912.com-排列五私彩怎么中奖| www.698275.com-嘉兴体彩阳光网| www.964657.com-东北彩票网论坛| www.910130.com-高手彩坛一彩票大全| www.358487.com-苏州福彩中心网站| www.813072.com-网上博彩诈骗| www.739314.com-成功彩票平台| www.079332.com-体彩排列3胆码杀号| www.567548.com-昆山体彩兑奖中心| www.023842.com-福彩快3豹子号前兆| www.654042.com-cc12彩票-| www.170662.com-福彩快三开奖| www.ri36.com-彩票哪个平台比较好| www.191667.com-看彩票走势图有用吗| www.586612.com-彩83.net-| www.730818.com-中国福利快三走势图| 500彩票网www.97655g.com| www.xr90.com-彩票买卖就不想买了| www.tj72.com-香港金多彩-| 购彩堂www.586974.com| www.397838.com-章鱼彩票倒闭| www.365764.com-彩铅画的工具| www.684908.com-3d字谜画谜新彩吧| www.917960.com-网上彩票排行榜| www.997341.com-仙彩彩票-|