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.062481.com-购买彩票的网站| www.b48.top-奔腾彩票73713| www.6275.biz-全天时时计划彩神| www.04rd.com-色彩透叠构成作业| www.82ik.com-荣耀彩票168网址| www.1608.wang-哪里的彩票合买系统| www.5546.com-安装彩计划-| www.8589.bid-百宝世嘉彩票怎么玩| www.061835.com-彩客网假的-| www.218983.com-玩彩票怎么刷流水| www.422180.com-新浪爱彩手机平台| www.833151.com-77彩票平台-| www.972304.com-菠萝彩魔图新规律| www.eq15.com-中华彩票网-| www.359880.com-体彩导报在线阅读| www.656652.com-博彩seo犯法么| www.724118.com-腾讯5分彩计划群| www.793234.com-买彩票算赌博么| www.869646.com-鸿运彩票是骗局么| www.366922.com-儿童彩铅画大全漂亮| www.482868.com-福彩3d表图-| www.582689.com-优彩网官网app| www.6186.in-福利彩票双色球加奖| www.318639.com-赢发彩票-首页| www.964056.com-福彩3d包跨度| www.kv96.com-3d彩报吧-| www.178318.com-31彩票-| www.3171.xyz-广元体彩最新大奖| www.064518.com-为什么叫重庆时时彩| www.039888.com-联众彩票app| www.193202.com-乐和彩开奖公告| www.58889.cc-竞彩网足球专家预测| www.271631.com-广东好彩1预测分析| www.944342.com-大联盟彩票取款失败| www.fq95.com-快三猜一个好如何玩| www.592484.com-彩票中奖记录| www.282887.com-念佛中彩票-| www.475660.com-彩票平台是不是假的| www.672310.com-福建福彩双色球报纸| www.918302.com-苹果版的彩票软件| www.j83.me-时时彩网-| www.784783.com-七星彩开奖五百期| www.932825.com-网络彩票是骗人的吗| www.fc77.com-金利彩票平台合法吗| www.53yo.com-快三号-| www.964181.com-15选5预测彩乐乐| www.yd88.cc-韩国金山快三下载| www.31md.com-周五晚上开什么彩票| www.429297.com-中港彩票赛车直播| www.099059.com-哪个平台可以买快三| www.180904.com-旺彩软件大全| www.246827.com-91彩神下载app| www.7363.loan-体彩精神-| www.44010.com-七星彩梦图解梦号码| www.091053.com-彩票每周开奖时间| www.189802.com-买快三怎么追豹子| www.626671.com-今日彩票运-| www.851112.com-竞彩和澳门初赔| www.654490.com-重庆时时彩稳的玩法| www.ar41.com-彩3彩票app-| www.318493.com-网彩快三能赚钱吗| www.500061.com-吉林快三一定和值| www.587422.com-足球竞彩软件排行榜| www.679384.com-问题彩民怎么办| www.766156.com-老9购彩票是真的吗| www.878706.com-彩神通免费版手机版| www.953009.com-九州彩票真的假的| www.cp544.com-大发快三优信购彩| www.vo77.com-时时彩最高连开记录| www.77775.com-大乐彩今天开奖结果| www.28382.cc-彩票亿元大奖如何出| www.my05.com-中福彩票在线app| www.00gu.com-彩虹周杰伦完整歌词| www.82ei.com-极速赛车彩票看透器| www.760872.com-雍正乾隆珐琅彩| www.zc14.com-甘肃福利彩票| www.025002.com-彩票筛号软件| www.127691.com-彩虹搭建-| www.371261.com-河内彩票计划| www.kr74.com-玩彩票怎么才能赚钱| www.285.live-七星彩买了好多年| www.4793.biz-万众彩软件-| www.964394.com-体彩开奖视频直墦| 大赢家彩票平台www.917052.com| www.557889.com-购彩ⅲ软件安全吗| www.0334.org-上海快乐彩11选五| www.6404.cm-彩48平台-| www.301678.com-福彩三d连线走势图| www.716652.com-彩铅画秋-| www.03983.com-聚象彩-| www.88439.cc-uk彩票平台-| www.066339.com-江苏体彩管房网| www.154355.com-彩票一个数字怎么选| www.261064.com-亚洲彩票骗局| www.7212.biz-彩票的种类和价格表| www.32518.com-河南焦作市结婚彩礼| www.139022.com-南粤36选7好彩一| www.251673.com-中彩吧投注-| www.973694.com-河南省福利彩票官网| www.iq2.com-内蒙古福彩电话号码| www.su46.com-下载福彩3d-| www.69289.cc-彩879平台登录| www.4248.in-博纳彩票真的吗| www.016452.com-下载约彩365| www.677849.com-彩票机怎么装纸图解| www.894866.com-老时时彩助手| QQ彩票www.89894d.com| www.oj70.com-琓彩人杀一码| www.09od.com-玩彩网官网app| www.83vm.com-彩赢天下平特一肖| www.1673.com-红彩会登录8| www.7063.cn-幸运彩大发快3| www.0ty.cc-内蒙古褔彩快3| www.928600.com-87彩店店主版| 凤凰彩票www.77801r.com| www.ix07.com-今日竞彩足球| www.m11.net-七乐彩票主页大发| www.45qz.com-福彩快三加盟| www.99208.com-时时彩任二绝招| www.052511.com-花式快三慢动作教学| www.jx11.com-彩票计算器-| www.008011.com-今天七乐彩开奖| www.206790.com-买彩票36元骗局| www.612455.com-aqq彩票榜-| www.088201.com-澳客体彩开奖| www.190058.com-十分快三能赢钱吗| www.112723.com-快三微信坐庄机器人| www.887581.com-360快三杀号定胆| www.896482.com-快三网站彩官网娱| www.096800.com-源众彩网-| www.156878.com-中福快三平台邀请码| www.137063.com-浩博彩票出了什么事| www.313517.com-彩票预测资讯| www.36292.com-万博彩票首页| www.008734.com-高频彩票数字原理| www.121317.com-彩友群-| www.255301.com-微彩彩票app下载| www.328968.com-福彩双色球跨度走势| www.760302.com-腾讯分分彩预测官网| www.895409.com-广东怎么没有快三| www.991468.com-中彩啦能买彩票吗| www.tv76.com-快三高频彩app| www.46kc.com-怎么申请体彩销售点| www.117614.com-500竞彩足球比分| www.174.biz-福星福彩推荐号| www.7665.vip-福彩标志图片含义| www.35673.com-凤凰生活福彩投资| www.361564.com-nk百彩网-| www.77ta.com-足彩违法吗-| www.195051.com-体育彩票怎么看中奖| www.334857.com-福利彩票中心开机号| www.499284.com-今日专业玩彩| www.550406.com-彩票中心在哪里| www.773844.com-彩票三十选七多次数| www.938940.com-澳客彩票全部版本| www.zl15.com-双彩网是什么意思| www.xc69.com-sb是那个博彩公司| www.34yu.com-开心七星彩一手机版| www.2030.vip-体育彩票单式票玩法| www.35970.com-快乐三彩票-| www.258855.com-竞彩单场推荐| www.88543.cc-偷彩票中奖怎么判| www.120229.com-澳门五分彩是骗局吗| www.232727.com-上海快三中奖|