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.007369.com-k彩彩民福地测速| www.jw09.com-彩铅画兰花-| www.0446.cm-江苏快3是福彩嘛| www.867756.com-七星彩开奖时间几点| www.150558.com-彩票程序的编程思路| www.311286.com-彩票开奖分析预测师| www.226405.com-河北燕赵福彩排列七| www.542411.com-内蒙古福彩彩种| www.46020.com-福彩3d谜底图| www.920458.com-彩票摇奖模拟器视频| www.982160.com-江西福彩助手合法么| www.fv74.com-澳门五分彩是真的吗| www.b39.space-外国人跳快三| www.f98.org-发达娱乐彩票骗局| www.114480.com-深圳市福利彩票官网| www.217388.com-彩票机与电视连接图| www.307884.com-七星彩历史号码大全| www.381495.com-今天有什么彩票开奖| www.761014.com-14场胜负彩分析| www.819425.com-哪个星座适合买彩票| www.880562.com-百胜彩票网站打不开| www.938953.com-快三权威软件著作权| www.982233.com-财神时时彩计划官网| www.nw86.com-福彩3d彩神反面| www.22.win-ku游娱乐是黑彩吗| www.433014.com-福利彩票管理员| www.553014.com-福彩高频彩分析软件| www.639641.com-网投快三是什么彩票| www.701565.com-手机玩彩票靠谱吗| www.770578.com-重庆时时彩网春节停| www.830912.com-彩票33娱乐平台| www.889206.com-最新易彩堂app| www.950418.com-海南休育七星彩开奖| www.992907.com-百胜快三app下载| www.bm38.com-大发快三下载注册| www.qz01.com-打快三有赢钱的吗| www.6ew.com-分分彩票官网| www.53or.com-红橘微彩娱乐| www.908.club-福彩双色球要按顺序| www.5666.in-体彩票开奖号| www.310201.com-亿网彩票源码| www.446001.com-大圣彩票软件下载| www.540504.com-福彩4-| www.281925.com-今日彩票预测中奖号| www.963887.com-彩票挂机平刷可以吗| www.hb41.com-彩民彩票-| www.12ng.com-彩票下注兼职群| www.1549.pw-大乐透试机号彩经网| www.dv59.com-分分快三选号规律| www.066885.com-博彩税-| www.210494.com-分分快三官方开奖| www.340206.com-二分彩计划手机软件| www.493713.com-今日彩票摇奖| www.1313.org-新三国打斗精彩片段| www.523032.com-网上app刷彩网赚| www.698880.com-初学者一幅彩铅画| 吉祥彩票www.jx68.com| www.216727.com-彩票数字规律题| www.447223.com-澳门彩票软件| 中国福利彩票www.3478r.cc| www.030687.com-福利彩票怎么对奖| www.198584.com-快三下期预测号码| www.508228.com-大乐透两元彩票网| www.751103.com-彩运8下载网址| www.xd38.com-中彩网是不是骗人的| www.988789.com-正规彩票有哪些| www.60ay.com-竟彩足球比分直播| www.7903.vip-网投彩票排行榜| www.70294.com-bf彩票-| www.385094.com-168开彩网采集| www.38592.cc-太子彩票下载| www.878275.com-赛车彩票大骗局| www.924536.com-江西省福彩中心领奖| www.cp0378.com-北京快三走势| www.15sw.com-淄博福利彩票店转让| www.3018.cm-体彩今日开奖号码| www.32893.cc-河南驻马店的彩礼| www.95224.cc-拍彩票票面-| www.115588.com-零基础学彩铅| www.251669.com-中彩网官方app| www.491451.com-手机万能彩膜批发| www.192587.com-甘肃体彩新十一选五| www.755418.com-旺彩推荐累计中奖| www.o35.net-彩票分析予测| www.569324.com-彩吧时空流码图| www.ae2.com-中国福利彩票网| www.22527.cc-彩票驿站注册| www.036042.com-洪荒之九彩凤凰| www.255011.com-时时彩后一固定九码| www.465268.com-美国彩票漏洞| www.732306.com-政府控制莆田彩礼| www.848920.com-分分快三怎么看大小| www.29hs.com-彩票平台哪里找| www.023231.com-五星彩开奖记录| www.980989.com-七彩主机-| www.219929.com-快彩荐号专家遗漏值| www.jq44.com-河北快三夸度走势图| www.1005.top-开网络彩票台子流程| www.35416.com-代买彩票却打错| www.103662.com-彩运网cy345| www.271187.com-彩10app-| www.447011.com-众彩网合不合法| www.454529.com-酷彩吧下载不了| www.633007.com-3d彩票领袖贴吧| www.872089.com-彩票达人下载| www.23525.com-好彩五分快三导师群| www.209563.com-爱彩乐六个肖彩票网| www.718208.com-美东2分彩是官方的| www.873695.com-福彩案-| www.294.gg-网上购买七星彩| www.128611.com-福彩3d宗合走试图| www.391523.com-108官网彩票下载| www.729585.com-彩票中奖怎么兑换| www.878944.com-今日福体彩开奖号码| www.cp6300.com-彩乐乐-| www.24zi.com-天天爱彩票网站| www.2373.pw-七彩视界违法了吗| www.137398.com-福彩快三图-| www.0087.cc-发行福利彩票的目的| www.665400.com-七乐彩开奖日期表| www.ds31.com-如何反彩票托的套路| www.006116.com-万能彩票倍投计算器| www.324782.com-去马来西亚做博彩| www.804006.com-广西体彩十一选五| www.778359.com-釉上彩一定不安全吗| www.959402.com-快三大小打法| www.oh42.com-皇都彩票网址多少| www.3533.cc-彩票机设备多少钱| www.079025.com-彩票一定牛怎么样| www.361626.com-杏彩论坛-| www.533649.com-千禧网_家彩开奖| www.910298.com-3d彩涂丹东全图| www.bw87.com-福利彩票系统| www.17533.com-足球彩票收藏| www.338190.com-可以合买彩票的网站| www.654461.com-江西福利彩票图片| 乐彩网www.566897.com| www.45941.com-安卓版大中华彩票| www.439062.com-福彩36迭7开奖| www.pl59.com-时时彩有2期计划吗| www.3582.vip-短信认证百分百彩金| www.326486.com-查询彩票开奖结| www.874271.com-公益彩票开机号| www.397277.com-竞彩计算让球胜平负| www.b04.com-水彩创意表现形式| www.396507.com-手机七乐彩购买| www.25265.com-彩铅画简单风景草地| www.019966.com-1216813彩票| www.281033.com-足彩竞彩网混合| www.648628.com-香港行政快三app| www.eu79.com-福彩上海快三| www.285.cm-商丘彩礼为啥这么贵| www.73518.com-8816彩票app| www.234463.com-代买彩票中奖钱归谁| www.380623.com-今晚有什么彩票开奖| www.657222.com-七彩银龙-| www.218418.com-彩票怎么无损刷流水| www.355948.com-谁中过彩票大奖| www.534300.com-网络彩票有正规的吗| www.726875.com-全球彩票app苹果| www.9870.vip-培乐多彩泥-| www.011136.com-彩票每周几开奖| www.123217.com-彩票店怎样合法转让| www.280056.com-代玩彩票赚佣金|