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.112833.com-大发彩神ll-| www.258075.com-彩票大app大全| www.361161.com-福彩试机号app| www.473632.com-彩票排列三怎么玩| www.572276.com-好彩网首页下载| www.664246.com-七彩乐中奖结果图| www.756591.com-全民彩票客服电话| www.940996.com-彩票天天乐平台登录| 好彩www.60123m.com| www.jh78.com-网上买彩票合法吗| www.l95.pw-七乐彩票大发主页| www.53td.com-彩票大人-| www.0819.com-体彩足彩怎么买| www.06121.com-体彩竞彩推广| www.59815.com-雨后彩虹图片唯美| www.038030.com-极速彩票下载安装| www.136551.com-6768彩票怎么样| www.224114.com-uu快三是哪个网站| www.309970.com-彩票中了去哪兑换| www.392072.com-体彩投注软件山东| www.671457.com-六活彩开奖历史纪录| www.791095.com-福彩选号开奖号| www.876727.com-买3的彩票技巧| www.983524.com-彩933-| www.gh31.com-彩票快三代理| www.b88.net-三分时时彩有官网吗| www.45li.com-广州体彩网唯一官网| www.0127.cm-香港福利彩开奖官网| www.8978.me-彩票开奖杳-| www.51353.cc-幸运彩一河南福彩网| www.002354.com-七星彩走-| www.081763.com-博发彩票下载| www.158492.com-足彩北京单关| www.287352.com-网上哪里可以买足彩| www.381613.com-亿乐彩是黑平台吗| www.514955.com-彩妆专卖店-| www.592103.com-600w万彩票-| www.673219.com-今天体彩的开奖号| www.760353.com-彩吧官方网站| www.884342.com-杏彩平台手机版登录| www.972451.com-优彩彩票有几个| www.cp8992.com-购彩平台哪个最好| www.pg54.com-彩票排列五走势图| www.07ud.com-七星彩最新番外| www.83rt.com-五位数体彩开奖结果| www.2604.pw-湖南福彩论坛| www.8671.cc-财神会彩票正规吗| www.63963.cc-足彩6倍投盈利计划| www.028607.com-红五3d彩报图库| www.111612.com-204彩票-| www.188064.com-快三的跨度是啥意思| www.266671.com-人人中彩票官方网站| www.391772.com-彩票网上开售| www.522583.com-18161期胜负彩| www.596217.com-全天时彩计划| www.672628.com-七星彩兑奖时间| www.756977.com-永成彩票这个软件| www.877576.com-彩票开奖结果排列3| www.962049.cc-中国福利彩一定牛| 大赢家彩票平台www.671075.com| www.js11.cc-猜大小彩票-| www.f16.xyz-中国福彩双色球走势| www.40fe.com-中国彩票最新版下载| www.1824.cm-河南彩票中奖19亿| www.8510.loan-福彩几点结束购买| www.43505.com-五福彩票苹果版本| www.91194.com-杏彩平台注册地址| www.055096.com-红色彩色沥青| www.160893.com-快三单双计划| www.253426.com-搜神传的好彩妹| www.330235.com-下载易网3d彩票| www.407620.com-所有彩票开奖网址| www.523739.com-快刀时时彩软件| www.645368.com-七乐彩及中奖规则| www.736844.com-银彩通不能用了| www.810863.com-作者中彩票书太监了| www.886353.com-玩彩最新版-| www.973902.com-4亿彩票下载安装| www.ls41.com-微彩官方app| www.k89.in-进入大发彩票| www.45fm.com-小额彩票兑奖| www.770.com-双色球彩票预测专家| www.5068.cm-博盈彩票是不是骗局| www.05533.com-深圳快乐彩奖金| www.51712.cc-彩票倍投表-| www.96072.com-加强彩票市场监| www.062821.com-淘彩网app-| www.221799.com-破解彩票中大奖软件| www.299319.com-安徽快三有假吗| www.372234.com-做个彩票app| www.473377.com-一般彩票中奖号是| www.556547.com-最牛七乐彩选号汇总| www.626829.com-728彩票被坑| www.701530.com-两姐妹买彩票被骗| www.782003.com-中福彩传媒app| www.860774.com-这期福彩中奖号码| www.930697.com-什么时候适合买彩票| www.987134.com-海南快三平台| www.nh.cc-福彩在线选号助手| www.ok82.com-福彩控-| www.63.me-彩牛美缝剂官方网站| www.71iq.com-体彩排列3图迷| www.1203.org-彩票几个数字算一注| www.9078.top-福彩三地谜语论坛| www.44600.cc-和大庄家软件的彩票| www.88978.cc-博盈彩票坑人| www.046616.com-天天彩票开奖下载| www.135893.com-中国竞彩胜负平| www.211961.com-吉林福彩快三| www.269774.com-盈彩彩票app| www.379588.com-尼彩手机官方| www.522991.com-时时彩开奖走势图图| www.620506.com-500彩票怎么玩| www.677122.com-上海彩色纸箱设备厂| www.755702.com-中华彩网快三| www.882782.com-合乐彩票注册| www.974931.com-彩票查询有没有中奖| www.cp8389.com-彩票刮刮乐中奖绝招| www.nd73.com-大赢家彩票导航| www.1gt.cc-足球彩票在哪里吗| www.53df.com-贵州体彩投注站| www.799.win-这附近有彩票店吗| www.4662.top-买彩票一直买一注| www.9919.tv-彩票到家客户端下载| www.76764.com-杭州竞彩中心地址| www.024573.com-7星彩几点开奖| www.097813.com-快三群骗局流程| www.157949.com-彩店宝彩票官方网站| www.274625.com-快三二不同选号技巧| www.360123.com-彩票平台存在漏洞吗| www.443961.com-注册即送18元彩金| www.532668.com-彩吧图第一版| www.631886.com-七彩视界骗局| www.695962.com-足彩计算器混合| www.771357.com-彩81彩票苹果| www.873161.com-玩彩网彩票-| www.948205.com-体彩排3跨度走势图| www.997048.com-海南体彩网-| www.cp7289.com-购彩三-| www.mf26.com-七星彩江苏快三网址| www.x10.cc-彩票微信交流群| www.48ng.com-彩专家人工计划在线| www.635.cm-福彩东湖社区网址| www.4224.me-东方国际彩票安全吗| www.9133.pw-七乐彩历史上的今天| www.67750.com-统一彩票app| www.021933.com-知名博彩公司有哪些| www.088050.com-双赢彩票诈骗吗| www.142561.com-彩81彩票网真实吗| www.209225.com-爱彩乐彩票网靠谱吗| www.277943.com-香港牛蛙彩票网站| www.486878.com-今天的足彩实单| www.555934.com-美狮彩票推荐人| www.617563.com-彩神8下载苹果版| www.678152.com-彩名堂软件计划下载| www.745801.com-特区彩票网海南论坛| www.811339.com-大发快三手机赌博| www.878784.com-彩票网站制作排行榜| www.987396.com-百胜快三软件| www.cai8895.com河北省快三未出号码| www.jt03.com-中国竞彩网官网| www.yq08.com-信彩票官网-| www.16sc.com-体彩排5奖结果查询| www.486.in-彩之星印刷-|