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.40tq.com-88爱彩app下载| www.wb86.com-彩票排五开奖查询| www.806899.com-澳门官方彩票投注网| www.88ag.com-彩票009网正规吗| www.739724.com-678彩票网是骗子| www.565718.com-福彩3d九九彩吧| www.535897.com-福利彩票简介| www.m70.org-彩票输了六万| www.26989.cc-彩票搞笑图片大全| www.66ua.com-49彩票平台登陆页| www.86zv.com-彩票网上可以买吗| www.55498.com-浙江11选五爱乐彩| www.23aw.com-台湾5分彩走势| www.165286.com-安徽体彩兑奖地址| www.758131.com-彩票pk10负盈利| www.cp2288.com-uu直播彩票规律| www.6220.top-彩皇网址-| www.751134.com-彩500.apk-| www.223229.com-3d彩票走势图合值| www.365719.cc-彩色铅笔素描人头| www.01131.com-今晚足球足彩直播吧| www.de27.com-易彩用户登录| www.896505.com-博彩小白如何做推广| www.ql16.com-福彩在线是正规的吗| www.13789.cc-彩票体彩走势图大全| www.976494.com-郑州彩票双机店| www.140789.com-七星彩彩版下载专区| www.731465.com-5258彩票兼职| www.nf85.com-快三官网下载安装| www.48045.cc-时时彩怎么玩法| www.641.in-网上平台彩票网站| www.5088.in-彩票段子-| www.280067.com-福彩三d出组三规律| www.17oe.com-腾讯60秒彩票计划| www.592220.com-彩虹六号加载太慢| www.429283.com-利彩开奖下载| www.130478.com-彩票站号怎么查地址| www.341573.com-彩票宣传语录| www.28lj.com-三彩连衣裙-| www.993323.com-彩票网站是怎么赚钱| www.952441.com-k彩富民测速| www.br69.com-彩票开奖μ-| www.74195.com-时时彩彩-| 小米彩票www.101377.com| www.23qq.com-竞彩足球强胆推存强| www.8160.vip-彩票怎么才能中过亿| www.002333.com-足球竞彩胜平负玩法| www.8840.site-天天彩票一分赛车| www.0476.live-彩箱包装彩印哪家好| www.505298.com-利盈彩票网址| www.663786.com-彩票平台庄家| 大赢家彩票平台www.068625.com| www.59.hk-开彩墨子智能是传销| www.7489.cc-转租彩票站注意事项| www.007512.com-彩客彩票手机客户端| www.198784.com-福彩快乐十分玩法| www.495400.com-彩漂可以去油渍吗| www.628262.com-赢家彩票是真的吗| www.761914.com-腾讯时时彩计划软件| www.3090.org-足球彩票现金克网站| www.329852.com-体彩竞彩足球结果| www.528970.com-飞鱼彩票走势图| www.744797.com-互联网彩票o2o| www.895136.com-七彩彩票怎么样| www.cai6300.com爱彩乐快三开奖结果| www.xf70.com-福彩排列七中奖规则| www.9668.vip-彩九平台下载| www.78962.cc-999彩票投注网站| www.096619.com-彩票到哪里兑奖| www.607631.com-开彩票店多少钱一次| www.678055.com-乐彩论坛1手机版| www.qp09.com-彩809彩票-| www.985358.com-皇冠竞彩app| www.833963.com-彩票返水最高的平台| www.581550.com-福利彩票开奖往期| www.468883.com-天天彩票时时彩计划| www.894790.com-天天时时彩助手最新| 大赢家彩票平台www.081503.com| www.070665.com-高频彩快三网址| www.195965.com-上快三爱彩乐| www.283967.com-福利彩票有几位数| www.350993.com-鸿运彩票网址是多少| www.442259.com-现在结婚彩礼顺口溜| www.532901.com-福彩了d预测| www.879026.com-澳门快三下载| www.bf76.com-英国5分彩-| www.xc3.com-青海福利彩票快三| www.aa.cc-湖北快三昨天没出号| www.271103.com-成功彩票软件| www.7133.com-跑马福彩-| www.701196.com-下载中国福彩网| www.597448.com-竞彩足球新浪| www.691992.com-正规的彩票-| www.96912.cc-pc蛋蛋网投彩票| www.120055.com-大连体彩11选5| www.209813.com-优彩社区正版| www.283812.com-体彩网七星彩怎么玩| www.367813.com-蓝鲸水彩画唯美高清| www.466406.com-新加坡快三怎么玩| www.555075.com-全民彩票快三| www.634208.com-养出七彩光的建盏| www.719823.com-七星彩360预测| www.793844.com-统一彩票app| www.871922.com-牛彩票网址www| www.933832.com-金彩票-| 大赢家彩票网www.178763.com| www.nd64.com-网络售彩没人管了吗| www.3vm.com-中国彩票公司创始人| www.72yb.com-足彩亚盘基础知识| www.42988.cc-特彩4949-| www.262812.com-彩票团购群靠谱吗| www.362876.com-法国彩票中奖号码| www.477377.com-新粤彩报纸藏宝图| www.68408.com-彩票怎么领奖流程| www.119745.com-体彩大乐透字谜图谜| www.319344.com-博彩彩票-| www.458543.com-体彩4+1是几等奖| www.598211.com-14场胜负彩销量| www.779428.com-体彩排列五中奖说明| www.098407.com-中彩股份快三走势图| www.405599.com-大发快三助手| www.388554.com-脸上迷彩图片| www.806505.com-彩票时时彩aqq| www.640125.com-大公鸡图片t星彩| www.39pf.com-海南七星彩网上购买| www.906186.com-彩色简笔画-| www.186.top-小鸟画彩铅-| www.16076.com-3d乐彩静态版| www.044043.com-7星彩特区论坛| www.790807.com-好彩三张-| www.796373.com-凤凰彩票有几个数字| www.998848.com-那有香港行政快三玩| www.st23.com-7星彩规则-| www.55eo.com-体彩天下骗局| www.363774.com-彩虹什么意思| 华彩www.71399g.com| www.523605.com-东湖社区福彩讨论区| www.706840.com-87彩店邀请码| www.gu.com-彩票选号工具| www.h63.cc-天霁网彩票论坛| www.1882.com-八角星彩票分析软件| www.012117.com-福彩三码最大遗漏| www.561523.com-专门猜彩票奖软件| www.770651.com-福彩15选5开奖号| www.639269.com-8彩票直通车官网| www.706510.com-87彩票邀请码| www.10202.com-周二双色球老头看彩| www.65355.cc-西宁彩票店-| www.025544.com-彩票幸运飞艇聊天室| www.114677.com-黑彩跟单计划靠谱吗| www.206897.com-137彩票下载| www.289657.com-106官方彩票| www.363821.com-全国体福彩中心电话| www.475695.com-599彩票骗局| www.576724.com-福彩排七开奖结果| www.662464.com-江苏快三单双技巧| www.759586.com-168彩票平台| www.820258.com-投资彩票稳赚的方法| www.ml15.com-吉林快三选号技巧| www.654736.com-福彩佣金怎么算的| www.009375.com-132彩票在线登录| www.5129.biz-江西福彩网七乐彩| www.309119.com-网上买彩票被骗| www.498365.com-5k彩票投注-|