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.ld51.com-c彩61app-| www.52sf.com-竞彩足球单关统计| www.0777.tv-福彩门户新地址| www.9963.in-福彩3d天齐网论坛| www.58629.cc-3d今天银海彩票图| www.026436.com-一定牛彩票官网下载| www.024704.com-竞彩双平怎么打| www.127785.com-彩虹岛2腾讯手游| www.283383.com-七乐彩规则-| www.281965.com-时时彩怎样做到止损| www.40um.com-体彩大乐透元旦放假| www.1967.cm-时时彩代打是可信吗| www.00966.cc-中国彩票福彩| www.53182.cc-时时彩开奖规律计算| www.004359.com-福彩投资三天计划| www.324351.com-福彩新闻事件| www.461673.com-福彩3d大图-| www.854338.com-多彩网客户端| www.170180.com-河北省快三推荐号| www.627100.com-乐都彩票传统彩料| www.784053.com-11选5旺彩助手| www.899700.com-下载彩83全网| www.986410.com-谁有福彩3d交流群| www.282662.com-腾讯十分彩下载| www.512793.com-王者彩票助手| www.657044.com-彩贝游戏老虎机平台| www.751761.com-网络销售体彩| www.875501.com-彩票语句-| www.950223.com-彩39彩票官网下载| 易彩网www.12455c.com| www.hh60.com-山东体彩网官网| www.i51.cc-360福彩3d之家| www.42lo.com-唯彩会历史版本| www.193058.com-福建体彩-| www.327821.com-福彩快三坑人| www.443299.com-福彩3d大花猫彩报| www.606478.com-长江彩票-| www.709362.com-星海彩票口碑咋样| www.61sd.com-福彩杀合尾衫宝贝| www.654115.com-江苏快三三不同| www.833070.com-彩77老版本-| www.953243.com-港澳台超级中彩网| www.cp9155.com-购彩网下载app| www.743965.com-奥克彩票i-| www.859973.com-七星彩走势图综合版| www.952651.com-吉林快三开好盘网址| 盛彩网www.41518o.com| www.vx49.com-快三全骰-| www.2387.cc-七彩西游记k8播放| www.11498.com-体彩二维码出票| www.89817.com-彩票界动荡-| www.082070.com-江苏快三作弊器| www.165577.com-永盛彩票骗局| www.296903.com-惠民彩票注册邀请码| www.387926.com-下彩彩票apk| www.621051.com-名彩客栈双胆| www.747377.com-彩票返点的平台| www.873794.com-晋城福利彩票转让| www.976989.com-河南彩礼重-| www.ie7.cc-新内蒙古快三开奖| www.895488.com-网投彩票真正提现| www.bs17.com-官方精准彩票计划| www.yp96.com-吉林快三赔率| www.88wt.com-不能网上买彩票了| www.5285.vip-彩智彩票-| www.42696.com-彩宝贝下载-| www.91178.com-日软红好彩-| www.096601.com-南昌福彩兑奖中心| www.021909.com-神州彩票app登录| www.134581.com-好彩香烟多钱| www.217929.com-福彩网f96-| www.323135.com-湖北省快三推荐号码| www.405628.com-中福在线拉彩规则| www.529058.com-数字彩票频道新浪网| www.656797.com-江苏快三玩法教程| www.739349.com-中国竞彩网网点| www.821058.com-彩色混凝土颜料批发| www.900739.com-福彩快三代理怎么做| www.098282.com-中国体彩网e球彩| www.221314.com-重庆时时彩苹果版本| www.309022.com-易彩网彩票时时彩| www.385929.com-体彩任九开奖时间| www.501891.com-中国福利彩票快乐5| www.576637.com-和值快三表图片| www.649853.com-网上彩博是什么| www.72ty.cc-懂彩的卖彩票可靠吗| www.22565.com-齐鲁彩票开奖号吗| www.80229.com-491彩票开奖结果| www.89337.com-顶级彩票登录不了| www.147355.com-手机版苹果彩票| www.257049.com-快三良品app| www.352813.com-网警怎么查网上彩票| www.7996.org-博彩是否犯法| www.71539.com-体育彩票3d试机号| www.mc82.com-75彩票正规的吗| www.44vf.com-uc彩票安全可靠吗| www.377802.com-男结婚给女方彩礼方| www.556980.com-简单水彩画入门视频| www.653061.com-体彩大乐透幸运之门| www.862038.com-广西快三研究| www.964747.com-彩富足彩网-| 9号彩票www.80767w.com| www.hf45.com-快三计算单双方法| www.d21.site-福彩开奖预测| www.46bv.com-开家福利彩票店| www.6488.net-cp909彩票网| www.22331.cc-万豪福彩大转盘| www.645299.com-新彩结课心得| www.953473.com-360竞彩即时比分| 盛彩网www.41518z.com| www.id63.com-下载3d购彩平台| www.g99.cc-彩宝骗局揭秘| www.47wj.com-乐乐彩票是什么意思| www.573.date-时时彩怎么预测豹子| www.907508.com-免费破解快三软件| www.980473.com-广西体育彩票app| www.mh.cc-中国足球彩票竞彩网| www.qr47.com-福彩的宗旨心得体会| www.36ze.com-七星彩91b-| www.1368.vip-vr彩票为什么总输| www.9380.org-泰国博彩安全吗| www.46093.com-时时彩助手中奖宝典| www.94799.cc-赢彩任九软件下载| www.061800.com-68彩票的骗局| www.754511.com-河南彩经网app| www.qa4.cc-吉林市体育彩票| www.se27.com-时时彩彩票软件| www.22wc.com-购彩网app哪个好| www.981.bid-七星彩中个号有奖| www.8849.vip-广东体彩老走势图| www.49465.com-01cp彩票-| www.03079.com-幸运中彩-| www.69475.com-看彩啦3d-| www.023130.com-香港正版挂牌彩图| www.086052.com-分分彩64组万能码| www.297010.com-一分快三漏洞教程| www.376088.com-乐彩直播间怎么下载| www.477784.com-香港118彩票网| www.544590.com-彩票推算软件| www.621973.com-极速快三规则| www.680128.com-双色球彩票真实性| www.746800.com-天天助手彩票计划| www.808444.cc-优彩买彩票靠谱吗| www.873282.com-体彩19042-| www.954757.com-彩票号码怎么出来的| www.994602.com-安徽快三一定牛今天| www.cj59.com-下载中国福利彩快三| www.vq14.com-天天快三-| www.552168.com-江苏11选五爱彩乐| www.789963.com-51计划网一分快三| www.377134.com-美国人结婚送彩礼吗| www.673434.com-古建彩绘颜料调配| www.766732.com-彩虹糖价格-| www.903265.com-赢彩彩网764| www.966763.com-彩票刮奖-| 500彩票www.50051x.com| 118彩票www.62118g.com| www.sc15.com-5分彩计划下载| www.33mx.com-体彩大乐透截止时间| www.1097.pw-竞彩5串1-| www.7328.cc-彩虹三无人机出口| www.51121.cc-淘宝彩票网七星彩| www.735779.com-彩票分析师-| www.4462.me-奇妙三数字快彩版|