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.253863.com-分分时时彩是官网么| www.29773.cc-33cc彩票网址| www.916685.com-彩票返点最高的平台| www.cai2300.com湖北快三一定牛今天| www.un06.com-分分快3是什么彩票| www.71xj.com-体彩大乐透12期| www.773630.com-托班彩虹伞亲子游戏| www.42158.com-679彩票软件| www.210012.com-彩票旗舰网合买大厅| www.4185.vip-七彩阳光踢腿视频| www.509664.com-呼和浩特市体彩中心| www.658845.com-亚博彩票网址| www.834247.com-好彩爆珠哪里有卖| www.28222.cc-天下彩天空彩票| www.95684.com-买体彩好还是福彩好| www.54448.cc-时时彩大小赢钱方法| www.0010.ren-彩票都有几位数| www.735794.com-快三计划软件哪个准| www.079592.com-广州东方快三| www.217478.com-大发快三连挂| www.628446.com-上海体育彩票快三| www.706111.cc-腾讯时时彩一码必中| www.779360.com-魔图福彩-| www.866928.com-昨晚彩票出什么| www.13pq.com-郑州畜牧路福彩大厦| www.120629.com-福彩甘肃快三今天的| www.206404.com-利彩下载安装| www.9389.cc-买哪种彩票能中大奖| www.49679.com-红五图库彩票| www.941213.com-广州市福彩中心| www.cp495.com-浙江快三开奖号码| www.199967.com-体彩群英会-| www.269522.com-彩名堂官网4.0| www.637150.com-彩虹台网络在线直播| www.747365.cc-环彩app官方下载| www.858457.com-唐三彩官网-| www.935386.com-苹果彩票使用手机版| www.994882.com-彩字的含义-| www.io82.com-足彩竞彩-| www.09ld.com-玩彩的是什么工作| www.732756.com-微彩娱乐平台| www.873013.com-数字彩票规律学| 彩乐乐www.cll168.com| www.654515.com-福彩3d500万| 福彩网www.055l.cc| www.153057.com-什么是时时彩跨度| www.967527.com-微信彩票群合法吗| www.eg9.cc-河北快三历史开奖| www.33623.com-加盟快三秒成本| www.85435.com-七星彩18147| www.035320.com-满堂彩彩票aqq| www.537323.com-彩票总类-| www.775137.com-天天中彩票骗子| www.941187.com-阿里彩票是阿里巴巴| www.cai8455.com体彩开奖是多少| www.bj73.com-分分彩平台-| www.726784.com-广东省彩票领奖地址| www.838657.com-必中快三计划| www.929230.com-福彩网是不是假的| www.984783.com-鼎盛彩运8骗局| www.jc23.com-彩票小狂人胆码| www.7544.me-竞彩店投资-| www.925633.com-彩富网tk236| 彩票8www.cp8013.cc| www.lc74.com-112彩票-| www.32fu.com-彩票美国28-| www.2589.shop-中国电信彩铃| www.976401.com-河南人彩礼-| www.76661.cc-黑桃k5分彩走势图| www.592056.com-app彩票注册彩金| www.670101.com-七星彩2287-| www.0300.wang-时时彩追杀账号| www.6188.vip-众盈彩票是黑彩吗| 大赢家彩票平台www.902775.com| www.919763.com-定制彩票app| www.864404.com-手机屏幕也能贴彩膜| www.968191.com-体彩宁夏11远5| www.dc60.com-8彩在线-| www.06vr.com-儿童彩铅简笔画| www.279632.com-时时彩规律研究| www.568387.com-微彩之家论坛| www.666932.com-e乐彩登录手机| www.766023.com-湖北体彩快开奖结果| www.872586.com-山西彩票11选五| www.947372.com-福彩蛋蛋靠谱吗| www.994451.com-好彩客网页登录| www.du84.com-金利快三-| www.816529.com-怎么玩快三能赢钱吗| www.948455.com-中国公益彩票网| www.999893.com-海南彩票梦兆| www.083052.com-哪个省的快三好点| www.862875.com-七乐彩今晚开奖直播| www.949827.com-乐迷炫彩app下载| www.cp3234.com-快三开奖结果福建| www.383181.com-26号体彩-| www.30555.com-新浪爱彩双色球基本| www.330514.com-福彩3d一定牛| www.752393.com-彩虹六号国服预约| www.218114.com-吉林省快三官方网站| www.69392.cc-双色球彩票多久过期| www.5489.cm-福利体育彩票中奖| www.905169.com-江苏快三跟着群| www.cp6778.com-大发快三秘籍| www.70454.com-多赢彩票手机app| www.472521.com-1234彩票-| www.907062.com-六位数的彩票网赌| www.972893.com-彩票中了什么时候领| www.dw48.com-彩票手机端-| www.516902.com-菲律宾博彩业| www.146112.com-7星彩历史开奖结果| www.r55.cn-博大彩票是不是真的| www.277663.com-679彩票手机版| www.211344.com-今日河北快三推荐号| www.310678.cc-福彩3d神奇四码| www.462746.com-幸运彩票怎么样| www.619386.com-云南竟彩体育彩票| www.713567.com-快三多少时间一期| www.888877.com-下载易彩网站| www.956920.com-hk263互彩网| JJ彩票www.22303.cc| www.qe09.com-新浪彩票开奖视频| www.500073.cc-本子库狂三全彩| www.657646.com-103亿彩票巨奖| www.385702.com-竟彩足球比分直播网| www.739989.com-jc聚彩彩票app| www.848959.com-彩票兑奖时间期限| www.926297.com-江西上饶体彩销售点| 乐博彩票www.67258a.com| www.049981.com-体育彩票排列5预测| www.177894.com-上海快三规则介绍| www.268393.com-p3走势图彩吧助手| www.247675.com-天天彩票买大小单双| www.951545.com-红彩网邀请码在哪里| www.qv1.com-今天快三开什么意思| www.506272.com-彩票dna分析器| www.897803.com-彩票代理广告词| 开心彩票www.ck5578.com| www.593740.com-彩吧开奖结果| www.68261.com-彩66888骗局| www.038382.com-新大陆时时彩| www.157985.com-带你买彩票-| www.233794.com-买彩票上瘾怎么戒| www.004972.com-彩票查-| www.088689.com-彩票对压怎么赚钱| www.160089.com-亿彩网官网登陆| www.234324.com-白岩松谈彩票| www.2727.win-中大奖彩票官方登陆| www.21393.com-下载彩神vlll| www.155237.com-胜负彩开奖规则| www.153441.com-江苏体彩竞彩足球| www.443113.com-双彩球开-| www.540868.com-2019足彩app| www.623595.com-118彩票三肖三码| www.688642.com-彩39彩票靠谱吗| www.778461.com-彩乐园网站-| www.860609.com-陕西福彩快三开奖| www.975172.com-万人牛牛彩票网| www.cp2199.com-北京福彩快3下载| www.880169.com-大发快三的技巧| www.63689.cc-齐齐哈尔彩票预测| www.196233.com-易彩彩民福地登录| www.343518.com-大连市体彩中心地址| www.522450.com-怎么登陆优乐彩| www.666549.com-万达彩票提现不了|