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.a67.pw-d福彩-| www.965416.com-中国福利彩票预测| www.cp9788.com-西宁快三开奖查询| www.766182.com-福彩倍投稳赚| www.966850.com-福彩3d顺口溜| www.js57.cc-彩神网资料大全| www.27lq.com-固始彩票中奖| www.2242.pw-体彩排三字迷图迷| www.29bt.com-哈尔滨福彩在线| www.580.gg-时时彩万位大小| www.8419.vip-生日彩票生成器| www.083776.com-彩票网站代理佣金| www.640044.com-22彩票网址是多少| www.775168.com-微信彩票骗局| www.861997.com-附近体育彩票店| www.937789.com-好彩网3d顶测| www.8875.net-足球竞彩8串8| www.lx07.com-好彩快3-| www.34uq.com-中国七星彩内部号| www.2692.cc-福彩3d图迷双彩图| www.52576.cc-金博彩票快三| www.37025.com-金山彩票手机版| www.286042.com-正彩彩票网页| www.099361.com-最新彩票中奖新闻| www.459301.com-彩票大底平刷技巧| www.059102.com-竞彩即时比分| www.087996.com-共赢国际彩票| www.4180.cc-北京七彩集团董事长| www.51211.cc-最经典的58彩票| www.024817.cc-合肥快三跨度| www.5287.vip-七星彩19年43开| www.10664.com-竞彩网大乐透走势图| www.721127.cc-新二彩票app下载| www.822343.com-七星彩18148期| www.912600.com-全天时时彩计划网| www.982074.com-重庆福彩站点助手| www.es70.com-南方双彩网-| www.yf40.com-好彩60123下载| www.16yi.com-福彩内部-| www.721.website时时彩投资盈利计划| www.5184.biz-三d新彩吧图谜| 彩票宝www.3cpb.com| www.365907.cc-代玩彩票游戏| www.505411.com-福利彩世界的邀请码| www.591724.com-腾讯分分彩单期| www.669400.com-彩钢岩棉夹芯板厂家| www.753292.com-赢钱彩票app官方| www.829807.com-11选5彩票大师| www.902342.com-网络黑彩案例| www.968808.com-乐彩949499-| 99福彩www.768997.com| www.kf83.com-苹果玩彩app| www.a47.biz-喜乐彩历史中奖号码| www.30li.com-彩虹代刷app生成| www.0186.loan-彩云国蓝家-| www.979049.com-国内卖好彩香烟么| www.ub61.com-五分快三什么意思| www.129442.com-众彩网手机端| www.229890.com-幸运快三彩票官网| www.323502.com-七乐彩投注机选号| www.427456.com-正规彩票排行| www.0ci.cc-近期彩票中奖故事| www.92hv.com-安徽快三开奖视频| www.283722.com-七星彩对几个号有奖| www.618404.com-潍坊体彩兑奖| www.102223.com-彩神争霸解绑银行卡| www.245625.com-竞彩足球比分唯彩| www.hr14.com-爱彩乐网站怎么了| www.26ob.com-谷歌分分彩-| www.3036.com-中国福利彩票选号码| 500万彩票www.96386f.com| www.70088.com-下载福彩体彩走势图| www.518252.com-彩票代理怎么盈利| www.593953.com-彩吧开奖公告| www.502767.com-博纳彩票被骗了| www.670036.com-海南七星彩怎么注册| www.743581.com-彩票万彩吧-| www.807282.com-浙江温州福彩| www.874379.com-快三开奖跨度走势图| www.964991.com-体彩周一到周末开奖| 易彩网www.99638l.com| www.kf97.com-福彩中大奖-| www.567432.com-海南福利彩票官网| www.85168.com-聚彩彩票网官网| www.120524.com-时时彩购买网站| www.023596.com-七乐彩9个号中4个| www.99vk.com-彩神提现失败| www.3272.biz-易盈彩票是哪里的| www.647532.com-体体彩排列五开奖| www.739582.com-三分彩全天计划下载| www.828351.com-龙之彩彩票开户| www.586538.com-微彩吧违法吗| www.231044.com-天天彩票app官网| www.300914.com-快三助手电脑版下载| www.468198.com-9b彩票登陆-| www.561053.com-七乐彩助手-| www.723529.com-阳光世纪园中彩票| www.439298.com-福彩3d栋栋团今天| www.127657.com-彩虹岛手游版| www.209538.com-彩票规律计算公式| www.291982.com-中国体彩大乐透| www.367966.com-明月珰七星彩| www.463369.com-五百万彩票安卓版| www.553558.com-竞彩足球计算| www.622288.com-河北快三漏选号| www.681780.com-彩票软件上中一等奖| www.747599.com-爱尚彩app下载| www.807255.com-温州福彩网点查询| www.869301.com-破译彩票所用公式| www.920159.com-和彩放题199晚餐| www.969585.com-酷彩日本官网| www.237085.com-竞彩网首页计算器| www.322294.com-彩民网高手论坛| www.392522.com-彩票冒领600万| www.585103.com-福彩双色球购买| www.277094.com-乐和彩开奖结果查询| www.974531.com-好运来彩票网是真假| www.al.cc-北京快三今晚推荐号| www.220665.com-彩神网站-| www.305201.com-彩六万下载-| www.365694.cc-体彩10选5-| www.445967.com-推荐彩票预测软件| www.571211.com-足球竟彩奖金计算器| www.050029.com-黑彩当庄输了| www.262208.com-快三不输的投注法| www.395549.com-体彩星期四开什么| www.540560.com-彩乐园网址| www.675856.com-天下彩正宗免费资料| www.106711.com-七星彩近期号码| www.187222.com-彩票33破解-| www.274499.com-时时彩号码计算分析| www.4615.vip-福利彩票开店资金| www.519337.com-网售彩票能退吗| www.027422.com-彩色近照是什么底| www.6792.cn-百度吉林快三| www.881753.com-699彩票官方版| www.8001.top-早教彩虹伞音乐| www.731014.com-易彩彩票选号走势图| www.932300.com-七星彩三字定怎么打| www.tk77.com-公益彩app安全吗| www.40zm.com-豌豆七星彩-| www.3691.com-施乐彩色复印机碳粉| www.062327.com-乐彩网排三开奖结果| www.6237.cn-最新胜负彩预测分析| www.139104.com-鸿彩app怎么样| www.330900.com-彩神通官网-| www.507326.com-多宝彩票合法的吗| www.677720.com-华彩赢家怎么买| www.826593.com-深圳天天彩票网| www.923353.com-彩票小店宝-| 118彩票www.62118c.com| www.6th.cc-宁波体彩中心电话| www.377187.com-结婚要不要彩礼钱| www.604782.com-盛源彩票网站是多少| www.747119.com-彩票注册送彩金19| www.576561.com-河北福彩七星彩开奖| www.009110.com-159彩票网下载| www.062953.com-彩票怎么挂机赚钱| www.029626.com-彩神ⅲ是什么软件| www.aj86.com-海南特区七星彩论坛| www.fg5.cc-分分彩不要玩| www.rt48.com-乐彩网首页彩| www.02iy.com-体彩排列五结果查询| www.53wj.com-幸运8五分彩|