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.59308.com-彩铅手绘图片唯美| www.225563.cc-开设赌场彩票| www.fp74.com-福彩3d有规律吗| www.245586.com-新浪彩票电脑版| www.359557.com-彩票指南杨凯大乐透| www.500933.cc-儿童画彩色的梦| www.582096.com-安徽福彩快三调整| www.666908.cc-国乐彩邀请码| www.763188.com-广西淘宝快三体彩| www.947165.com-开奖快的彩票都有啥| 网易彩票www.36788h.com| www.cp9335.com-中彩app下载| www.684608.com-最棒的彩票投注网站| www.799697.com-富彩彩票真假| www.889854.com-98年彩票最大奖| www.966843.com-保时捷娱乐彩票注册| www.wl7.cc-快彩助手官网| www.663954.com-线上怎么买篮球彩票| www.761673.com-竞彩足球西西| www.865348.com-体育彩票图片| www.83pj.cc-十二生肖彩票软件| www.036526.com-体彩竞彩篮球怎么看| www.222162.com-五分钟开一次的彩票| www.375267.com-福彩主播-| www.541862.com-亚洲分分彩是什么| www.619749.com-分分彩大数据网| www.701074.com-彩票通手机版| www.782933.com-甘肃省快三开奖号| www.862000.com-河南福彩管理中心| www.935522.com-彩93下载苹果| www.987001.cc-幸运彩票极速赛车| www.du69.com-时时彩五星走势图| www.7865.cm-足彩彩票贴吧| www.59272.com-梦图解码七星彩大全| www.065762.com-必赢彩票代理| www.158317.com-官方版好彩彩票| www.251028.com-兴盈快三彩票| www.jo79.com-刷彩是什么意思| www.56xe.com-118彩票真的吗| www.1441.xyz-彩铅画作品赏析| www.7595.win-九万彩票客服电话| www.587920.com-预知彩票-| www.680703.com-香港中彩网址是什么| www.773887.com-玩彩虹伞的音乐| www.865381.com-分分彩历史开奖记录| www.930115.com-彩票税计算-| www.989770.com-彩民乐阳光探吗图| www.al28.com-七星彩软件-| www.733752.com-体彩竞选篮球| www.817077.com-彩票中奖的前兆| www.894567.com-信彩计划软件| www.960384.com-马尼拉博彩-| 500彩票www.303479.com| www.898232.com-在哪买足球彩票| www.992656.com-喜乐彩是不是骗人的| www.mp79.com-富贵时时彩最快开奖| www.21857.cc-彩票怎么买能套现| www.87618.cc-天下彩票大全看图| www.095185.com-竞猜彩足球-| www.165073.com-网上彩票平台排行榜| www.289292.com-福利彩票双色球选号| www.375108.com-大型的彩票软件下载| www.480686.com-为什么喝彩-| www.567275.com-东莞福彩网-| www.650716.com-小班彩虹伞说课演练| www.773047.com-可以玩厘的彩票平台| www.60560.com-52彩店app-| www.027911.com-棒棒彩票是正规的吗| www.113469.com-用qq怎样买彩票| www.mt44.cc-易盈彩票官网苹果| www.o33.top-分分彩票计划软件| www.41ec.com-彩妆大牌有哪些品牌| www.1103.net-竞彩中奖案例| www.85596.com-看彩啦公众号| www.088014.com-江苏亿彩下载| www.4846.com-三晋福彩网www| www.15351.com-福彩3b开奖号结果| www.775925.com-福彩20选五-| www.980314.com-广西体彩官方网站| www.25nt.com-北京华彩大厦| www.gp91.com-北京快三精准计划| www.21gf.com-山西福利彩票电话| www.pr72.com-玩快三输了-| www.71wq.com-彩票0369-| www.122100.com-英国彩票开奖号码| www.220856.com-快三有规律吗| www.301299.com-内蒙古快三冷号| www.395244.com-彩虹歌英文-| www.612169.com-加拿大分分彩漏洞| www.690165.com-新浪足彩预测网| www.773187.com-竞彩精灵-| www.883464.com-彩网在线视频| www.981369.com-说彩票-| www.cai8277.com河北省快三玩法说明| www.nd38.com-中彩票后的真实故事| www.6zy.com-酷彩吧客服-| www.68381.cc-福彩快2输钱| www.323105.com-凤凰网彩票网| www.381486.com-网上女孩邀请玩彩票| www.109035.com-足彩初赔秘诀| www.229266.com-彩票快3在哪里买| www.313500.com-网票彩票开奖| www.378192.com-体育彩票出的什么号| www.465365.com-下彩网安卓客户端| www.559862.com-彩票收藏到哪里卖| www.635028.com-时彩赚钱吗-| www.897778.com-福彩公益用语| www.976473.com-近期彩票无人领| www.el27.com-好运快三-| www.a25.com-玩彩票心得-| www.34ph.com-大成彩票网-| www.0751.site-幸运28彩开奖号码| www.83538.com-买了彩票不敢看开奖| www.887537.com-最新的下彩网网址| 百姓彩票www.bxcp3.com| www.ji31.com-发彩网靠谱吗| www.f09.online-青岛福彩养老院| www.42vr.com-五分彩长龙-| www.650.tv-哪家彩票娱乐平台好| www.427592.com-彩王缩水软件| www.546132.com-福利彩票换纸教程| www.778181.com-用彩绳编东西| 中国福利彩票www.6364.com| www.994581.com-体彩19017期| www.cy11.com-玩彩票哪个平台靠谱| www.e00.top-竞彩半全场稳赚技巧| www.32cx.com-礼拜6什么彩票开奖| www.3863.com-彩票返点大揭秘| www.9088.loan-动漫彩铅画图片大全| www.85922.cc-58福彩官网-| www.030124.com-c8cn万彩吧六彩| www.234524.com-福彩走势图带连线| www.341099.com-快三余数怎么算的| www.495003.com-为什么收到博彩短信| www.566143.com-福彩体彩票开奖大全| www.629167.com-幸运彩票怎么玩| www.691277.com-河南福彩跑马| www.760253.com-宁夏好彩快三| www.8019.loan-彩虹伞小儿歌| www.33664.com-网络高频彩-| www.766803.com-彩8彩票25tt| www.850669.com-我玩快三为什么老鼠| www.947599.com-于海彩票案真相| www.993524.com-足彩4场进球对阵| www.cp5530.com-微信里可以买彩票吗| www.ni99.com-篮彩比分直播| www.16ik.com-福彩排七走势图| www.021.org-彩神vll提现| www.3469.xyz-足球彩票今天场次| www.941110.com-7乐彩怎么玩| 杏彩www.00840h.com| www.808879.com-体彩任九中奖率| www.928146.com-彩色复印机4色5色| www.982930.com-每日首充送彩金彩票| www.bm40.com-90彩票登陆-| www.ty39.com-微彩时时彩计划软件| www.7ok.cc-多肉情景彩铅画| www.996717.com-福利彩票手机机选| www.al42.com-购彩大厅登录| www.65ox.com-福彩彩票站提成| www.1766.mobi-彩票链接骗局| www.168309.com-快三是个什么东西| www.315283.com-七彩集团有限公司| www.383504.com-彩票平台数据接口|