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.5530.cn-最近的彩票站在那里| www.785666.cc-金慱彩票-| www.971424.com-福彩概率奥秘| www.871131.com-七乐彩新浪走势图| www.961304.com-竞彩猫微博-| www.177725.com-快三手机助手手机版| www.1139.cc-公益福彩亲情助学| www.17579.cc-淘宝彩票停售公告| www.772493.com-久彩彩票骗-| www.622799.com-搜狐福彩体彩开奖| www.67979.com-吉林快三内部人员| www.91331.cc-欧盟方盒红好彩| www.406338.com-四川达州彩礼| www.746600.com-彩23彩票-| www.848185.com-古建彩绘漆面颜料| www.971080.com-盈盈彩appios| www.ar48.com-快乐彩33-| www.198257.com-好彩网牛彩吧| www.624567.com-三d福彩内部报| www.733337.cc-彩票平台会员| 55世纪www.053883.com| www.565644.com-福彩3d图谜第五版| www.730888.com-麒麟彩票平台| www.869509.com-三亚七星彩投注网站| www.61711.cc-福彩双色球是个骗局| www.033169.com-中信积分换彩票查询| www.818872.com-福彩中奖新闻一| www.260114.com-上海体育彩票排列三| www.981948.com-贵阳体彩大奖| www.666263.com-乐彩站快三-| www.827798.com-福彩跟单什么意思| www.986425.com-上海彩票基诺走势| www.we65.com-甘肃快三最大遗漏| www.119337.com-今天i海快三开奖| www.9970.vip-l彩票查-| www.897672.com-多彩贵州网招聘| www.947642.com-中彩吧zcb588| www.535117.com-黄金分割率与彩票| www.26509.com-四平体彩中心| www.963065.com-彩神通高速出票系统| www.cp415.cc-湖北快三每天必出号| www.1576.top-彩宝彩票吧-| www.93bp.com-生日送彩票的评论| www.076605.com-体彩61开奖结果| www.187258.com-拉人玩时时彩的套路| www.276914.com-彩票新政-| www.04io.com-即时开彩最新| www.440674.com-财神报五百彩| www.309407.com-韩国彩票在哪里买| www.577428.com-快开型彩票技巧| www.667272.com-赛马彩特-| www.868316.com-什么是亿彩-| www.992365.cc-购彩堂一分快3| www.p18.xyz-凤凰彩票手机客户端| www.798.cx-七乐彩推荐专家预则| www.38357.cc-彩票网站优惠| www.708618.com-91彩神能玩吗| www.857796.com-彩票提前多久不能买| www.976308.com-4万8彩礼寓意| www.pe74.com-19052期足彩| www.590579.com-七星彩图库参考| www.670830.com-众彩网双色球推荐号| www.753481.com-福彩三d北京谜| www.670737.com-福彩3d绿色软件| 中彩网www.81233s.com| www.776787.com-77彩官方下载| www.887332.com-双色球彩票字谜图迷| www.961241.com-广州鸣彩公司靠谱吗| 凤凰彩票www.77801w.com| www.fp41.com-彩票网投网大全| www.256297.com-打开中彩网首页| www.623665.com-大象彩票开奖网| www.687481.com-彩涂铝卷生产| www.765180.com-买足彩用什么app| www.959754.com-301彩票-| www.471703.com-有台湾5分彩的平台| www.582136.com-879彩票平台| www.251868.com-彩票送彩金的平台| www.361349.com-鼎丰彩票不能提现| www.500113.cc-2345天天彩票| www.581396.com-万博世界杯足彩官网| www.671050.com-体彩排列三老吉杀号| www.749342.com-中彩网是假的吗| www.814387.com-三分快三开奖计划| www.910125.com-高频彩联盟网站| www.977320.com-福彩刮刮乐鸡年彩票| www.dh71.com-体育彩票几位数吗| www.463.hk-cl李彩琳崩溃| www.055073.com-有彩色复印吗| www.5618.cm-导师带购彩能赚吗| www.229120.com-晚晚好彩开奖号码| www.w19.live-诺亚彩票账号注册| www.308687.com-北京逸彩快三| www.237362.com-下载中国福彩| www.205.biz-云南省彩票中大奖| www.6157.cc-广州赛马彩票| www.82959.com-幸运5星彩票| www.93ym.com-六给彩开奖结果l| www.7802.me-竞彩分析心得| www.58qx.com-体彩开奖19042| www.23324.com-福彩3d天齐网杀尾| www.58986.cc-体彩七星彩34期| www.634520.com-北京七彩音符| www.46hl.com-彩票3d开奖22号| www.306777.cc-天津时时彩全国开奖| www.382359.com-穷人坚持买彩票对吗| www.681029.com-爱米彩app-| www.7865.xyz-体彩开奖和视频直播| www.969132.com-网易专家预测足彩| www.99335.com-时时彩概率分析软件| www.713009.com-大众商家彩票新快三| www.841034.com-彩妆盘哪个牌子好| www.906854.com-分分快三怎么赌| www.963485.com-足球彩票比分结果| www.cp212.com-一分快三彩票| www.865603.com-彩票下期预测| www.658213.com-外围足彩开奖查询| www.462860.com-久久彩票举报| www.43vg.com-彩金语言-| www.281186.com-时时彩二星包胆| www.408652.com-体彩放假时间| www.222056.com-北单足彩比分直播| www.41df.com-体彩休市通知| www.456805.com-重时时彩五星定位胆| www.540590.com-福彩校验码-| www.660036.com-腾讯1.5分彩官网| www.715338.com-认可的彩票app| www.763234.com-学生中彩票大奖| www.22bw.com-彩票大平台推荐| www.2363.vip-七彩云南第壹城电话| www.461933.com-彩哥哥软件停运了吗| www.79tx.com-福彩双色球中3个| www.186310.com-湖北快三跨走势图| www.646933.com-彩票捕捉出没数字| www.72784.com-多赢吉林快三走势图| www.79ei.com-彩乐园网站是什么| www.se83.com-福彩网快3合法吗| www.230658.com-挂彩票骗局-| www.52563.cc-好彩来赚钱-| www.257283.com-彩票多少钱缴税| www.g02.online-发达彩票是正规的吗| www.158465.com-足彩北单在哪里买| www.181118.cc-中彩网可以买彩票吗| www.273885.com-福彩快三秘密| www.351362.com-手机时时彩在哪玩| www.729882.com-生彩宝app-| www.5253.cc-彩宝贝彩票下载安装| www.031383.com-乐宝彩票的骗局| www.110408.com-3d家彩网关注码| www.8595.loan-情人节买彩票| www.657711.com-澳客彩票安卓版| www.425700.com-足彩九场开奖及奖金| www.475186.com-彩盛彩票网站| www.265175.com-广西快三销售时间| www.2179.win-彩票当日开奖| www.37077.com-彩票平台怎么做| www.219230.com-体彩中心快三| www.406768.cc-七星彩五百期走势图| www.cai2700.com福彩北京快3开奖| www.1604.org-拉霸游戏注册送彩金| www.880179.com-福彩大脑袋杀码专家| www.121896.com-福彩怎么代理的| www.h22.org-七星彩专家推号| www.72lw.com-盛世彩票官网地址|