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.jz10.com-166手机彩票| www.43ri.com-竞彩胜平负入门| www.388443.com-摇骰子彩票天天乐| www.572350.com-彩票开奖对比器| www.741982.com-湖南彩体育彩票| www.849688.com-腾讯三分彩稳定计划| www.vm69.com-最新体彩票开奖结果| www.354568.com-加拿大彩票大乐透| www.62qp.com-彩票税率是多少| www.388210.com-北京华彩教育| www.615679.com-彩票员打票视频| www.699636.com-时时彩群里面有托吗| www.823500.com-彩涂钢卷-| www.901007.com-彩票排列五规则| www.977683.com-世界杯竞彩网站| www.cp8884.com-昨天快三开奖号码| www.679019.com-糖果派对赠送彩金| www.179610.com-新吉林快三开奖结果| www.217114.com-各省份快三开奖| www.21470.com-充值8送88彩金| www.466379.com-e赢彩苹果下载| www.564452.com-时时彩三星定胆技术| www.568122.cc-福彩组五码最大遗漏| www.464709.com-世界各国基诺彩票| www.703928.com-彩票代玩-| www.667155.com-3b福彩实战擂台| www.il99.com-东莞体彩中心| www.cai319.com-快三平台哪个好| www.61229.cc-爱彩票安卓-| www.023651.com-七乐彩停售时间| www.249942.com-天天中彩票官网| www.44483.cc-彩票开奖查询百度| www.285323.com-体彩418走势图| www.899340.com-彩神通软件怎么下载| www.974616.com-众彩彩票赛车| www.ax6.com-江苏快三的玩法| www.uq10.com-苹果盛世彩票| www.843.org-广东体彩论坛| www.363714.com-彩虹都是七种颜色吗| www.521339.com-彩票跟群计划| www.603704.com-足彩水平-| www.242800.cc-常州彩票中奖新闻| www.6825.org-电子彩报3d版| www.33vp.com-怀孕七星彩号码| www.624890.com-做网络彩票销售员| www.8290.cc-南昌彩票诈骗| www.127085.com-彩铅画图片简单| www.144050.com-竞彩中奖奖金计算器| www.q30.cc-福彩3d投注指南| www.939657.com-福彩网网投安全吗| 500万彩票www.39500f.com| www.060527.com-彩53彩票-| www.614.com-重庆时时彩杀号神器| www.315321.com-七彩坊运动内衣连锁| www.424724.com-大赢家彩票网址下载| www.523761.com-重庆时时彩网站预测| www.639908.com-东莞东方亮彩地址| www.cp4899.cc-五分快三计划| www.241469.com-彩虹羽泉-| www.yw15.com-福利彩票5分钟一次| www.330249.com-拉萨福彩兑奖中心| www.551934.com-安全的彩票台子| www.87717.com-太阳彩票安全吗| www.730653.com-天天收米app竞彩| www.hd5.cc-安徽快三推荐号| www.35199.cc-七天彩真的能赚钱吗| www.170965.com-广西快三最新开奖| www.b24.site-贵州省快三-| www.298462.com-辽宁快三一天多少期| www.08126.com-广东福彩官网电脑版| www.345794.com-500万胜负足彩| www.464188.com-体彩怎么算中奖金额| www.873060.com-彩票时时彩在哪里买| www.10ox.com-什么是新彩-| www.96304.cc-福彩文化理-| www.rd9.com-甘肃快三助赢计划| www.139416.com-搜索福彩3d之家| www.206113.com-5分彩-| www.494900.com-老快三网站-| www.85es.com-足彩混合过关奖金| www.392661.com-风景绘画图片彩铅| www.21735.cc-彩金套利犯法吗| www.353223.com-福利彩票8软件| www.4679.com-美的彩票是真是假| www.713290.com-江苏快三手机投注| www.199284.com-广西快三电视走势图| www.5803.pw-体彩竞彩258| www.224510.com-发彩网买彩票可靠吗| www.586283.com-彩票研究都是白费| www.208389.com-福彩快三单式| www.315275.com-智能彩票摇号器| www.89et.com-澳彩鹦鹉-| www.cai89.cc-河北快三开奖结果着| www.723385.com-江苏体彩中心地址| www.815916.com-福彩3d倍投计划表| www.cp3367.com-福彩快三奖金是多少| www.16al.com-七星彩海南一色总版| www.83zc.com-体育彩票玩法分类| www.715676.com-贵州快三奖金设置| www.535798.com-是几个数彩票| www.687730.com-彩神通苹果手机版| www.848875.com-聚彩票骗局揭秘| www.972732.com-彩1234论坛-| www.yr2.com-今天江苏快三推荐号| www.747865.com-彩宝3d下载-| www.817637.com-海南快三每天多少期| www.885920.com-天津彩民之家| www.952875.com-今天竞彩足球预测| 豪彩VIPwww.qin618.com| www.282587.com-时时彩五星最稳大底| www.75xq.com-福彩的开机号是多少| www.41hq.com-福彩体彩春节放假| www.189224.com-百姓彩票网官方端口| www.369497.com-雅雅彩票-| www.522255.com-8888彩票网址| www.822420.com-彩票创始人-| www.81bu.com-乐彩论坛排317| www.761631.com-甘肃快三秘诀| www.10wg.com-河内彩票计划| www.49482.cc-97彩票会员登录| www.060040.com-福彩3d怎么玩的| www.866307.com-快三必中计划软件| www.917617.com-必赢彩票ios| www.965814.com-天天彩选4今日开奖| 彩皇网www.62500.cc| www.106187.com-境外彩票合法吗| www.wj09.com-彩神计划软件靠谱吗| www.59403.com-顶级登陆娱乐彩票| www.82751.com-19041期足彩| www.586217.com-博彩送28免-| www.353639.com-彩票加盟代理多少钱| www.448478.com-胡彩宝-| www.8300.top-彩票有返佣怎么套利| www.44110.cc-4567彩票网站| www.552370.com-彩票助手通-| www.21568.com-富彩彩票介绍人微信| www.570535.com-甘肃好彩快3| www.950531.com-乐彩3d下载-| www.181561.com-福彩内蒙古快三开奖| www.233850.com-安徽省快三开奖今天| www.607577.com-福彩开奖34期| www.626757.com-福彩达人3组双飞| www.551477.com-旧好彩客下载| www.627508.com-乐米彩票安全吗| www.00044.com-晋州彩色包装印刷| www.055517.com-怎麽下載福利彩世界| www.393310.com-昨天福利彩票是几号| www.543084.cc-今曰体彩排三试机号| www.640051.com-22彩网-| www.328899.com-糖果派对彩金中奖图| www.252032.com-送500彩金-| www.257292.com-微彩app骗局揭秘| www.322082.com-一分快三准确预测| www.375382.com-七星彩现场直播结果| www.023968.com-买足彩是赌博吗| www.049062.com-天下精英彩票资料| 5号彩www.565hc.com| www.02181.com-玩彩票妻离子散| www.77596.cc-彩票谜语怎么看| www.347915.com-福彩3d奖金计算器| www.618509.com-河南周口结婚彩礼钱| www.31778.cc-足彩日报必发盈亏| www.827187.com-体彩排例三藏机诗| www.190594.com-快三每天能赢钱吗|