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.80mq.com-500网彩-| www.8429.loan-中国彩客网首页官方| www.66195.cc-快乐彩12助手| www.982975.com-凡享饰家魔彩晶砖| www.ym31.com-美女带你买彩票骗局| www.83zt.com-中国13彩-| www.3852.bid-2019七星彩规律| www.9785.me-体彩千禧试机号查询| www.73280.com-五彩戏娃全集20| www.915261.com-网上哪能买彩票| 双彩网www.178012.com| www.db14.com-彩票店做私庄犯法吗| www.01jd.com-彩虹象什么-| www.338815.com-i8网上黑彩票| www.300505.com-人人中彩票网站| www.tr01.com-9购十分彩江苏快三| www.33kf.cc-玖玖彩票是不是合法| www.8688.com-体育彩票自动投注| www.54150.com-正彩娱平台注册| www.304546.com-北京快三规律推算| www.386195.com-体育彩票在哪找| www.502718.com-类似多彩投-| www.599221.com-彩票双色球怎样买| www.846543.com-民政部福彩案| www.478382.com-工银e生活彩票| www.586377.com-下载送28彩金| www.664255.com-牛爹七星彩头尾资料| www.761649.com-快三怎么看号码| www.038499.com-好彩票怎么下载不了| www.143590.com-长城彩票娱乐| www.22527.cc-彩票驿站注册| www.89397.com-手机彩票开奖| www.071444.com-人人竞彩官网首页| www.275388.com-快三高手计划| www.402277.com-十分钟快三-| www.546161.com-彩票店申请书怎么写| www.964319.com-浙江体彩手机网| www.8336.cm-七乐彩复试中奖查询| www.98906.com-时时彩如何科学倍投| www.105285.com-体彩竞彩胜平负规则| www.256800.com-中国彩吧一更董彩民| www.365577.cc-彩铅人物手绘| www.6553.top-彩宝贝导航首页| www.133109.com-开彩色宝石店| www.848999.com-汪汪时时彩计划下载| www.283952.com-彩票都有几位数组成| www.796143.com-下载福彩选号| www.899389.com-84彩票app-| www.975938.com-日照彩礼一览表| www.ot73.com-解读彩票新规| www.14vv.com-3d福彩怪字-| www.0619.com-仿真彩票生成| www.ky62.com-中信外蒙快三| www.02eu.com-乐猫彩票安全吗| www.88xk.com-重庆时时彩票游戏| www.gp.com-038彩票计划| www.zq51.com-彩吧彩报四十期| www.056.date-彩铅手绘花图片大全| www.9130.com-体彩金7乐中奖查询| www.879289.com-亿彩网官网登入| www.947849.com-福彩代打兼职| www.995141.com-五分快三公式| www.cw07.com-十大私彩平台介绍| www.zq61.com-幸运彩客户端| www.45nj.com-鼎盛买彩票正规吗| www.82428.com-足彩中国合法吗| www.040902.com-网彩代理怎么找人玩| www.173589.com-福彩快三怎么算中奖| www.271381.com-福彩快三违法吗| www.346533.com-明彩堂-| www.446440.com-多彩彩票时时彩平台| www.pe7.com-派彩网-| www.h62.cc-彩票神奇数字组合| www.70yp.com-时时彩牛牛两面| www.3076.biz-最近的彩票数是多少| www.9170.cm-家彩开奖冈-| www.056154.com-vr3分彩开奖历史| www.153361.com-雪圆圆足彩比分直播| www.88284.com-手机彩票红包聊天室| www.101327.com-官方快三大小作假| www.193122.com-吉林快三合之| www.cai1981.com银川快三走势图今天| www.182068.com-网易快三-| www.277663.com-679彩票手机版| www.396467.com-周三周三开什么彩票| www.889014.com-凤凰彩票app安装| www.974272.com-一分钟开奖彩票网址| www.4327.in-k彩福地登录不上去| www.00983.com-五选三彩票下载安装| www.84895.com-福彩3d今天图纸| www.093979.com-福彩蛋蛋正规不| www.189307.com-内蒙古今日快三| www.271144.com-好赢彩app-| www.354453.com-党员能买福利彩票吗| www.447886.com-福彩梁博说彩今天| www.532319.com-玩彩吧-| www.637332.com-下代彩虹五b无人机| www.702764.com-福彩快3和值13| www.770422.com-重庆时时彩官方停售| www.889557.com-高频彩票对刷| www.956321.com-足彩技巧方法| 盛大彩票www.ct8844.com| www.168801.com-安徽快三开奖结果今| www.304159.com-彩控甘11选五| www.380411.com-七乐彩彩吧-| www.545184.com-浙江福彩15选5| www.620529.com-好网123彩票| www.964684.com-彩票中奖排行| www.pz07.com-709彩下载-| www.321316.com-8828彩票网址| www.555728.com-彩票网11选5| 博友彩www.326608.com| www.60bw.com-腾讯分分彩定胆方法| www.1775.cm-彩票刷流水团队| www.7171.top-七彩本草安神方官网| www.28689.com-帮博彩公司收款| www.675825.com-七乐彩二等奖概率| www.811758.com-3d家彩网断组| www.881075.com-广西体彩兑奖流程| www.99397.com-双色球专业玩彩分析| www.560807.com-陕西彩运宝app| www.972054.com-微信上可以买彩票吗| www.1959.pro-福彩彩吧迷图第一版| www.9439.loan-十中一的彩票有哪些| www.501187.com-博竞时时彩-| www.588603.com-贵宾室彩票网页版| www.665799.com-福利彩票是哪个台| www.737363.com-福利彩票有专家分析| www.798189.com-怎样查福彩中奖规则| www.869353.com-3号彩票登录网址| www.921717.com-玩高频彩的职业彩民| www.980173.com-竞彩足球数据接口| www.cp8133.com-易彩快3有没有规律| www.ll63.com-彩之家官方下载| www.x38.xyz-彩票991188-| www.87my.com-体彩可以买世界杯吗| www.z41.me-11选5彩票走势图| www.006458.com-体彩山东11选五| www.071911.com-6e6e彩票-| www.378912.com-怎么加盟体彩| www.506286.com-体育彩票一周开几次| www.583422.com-彩色的非洲思维导图| www.690727.com-牛蛙彩票免费料大全| www.229335.com-梦想彩票登录| www.43779.com-苹果x彩膜-| www.95251.cc-彩妆盘什么牌子好| www.061069.com-体彩三d试机号| www.181693.com-安徽快三最新开奖| www.254797.com-拉人玩时时彩犯法吗| www.318670.com-学跳快三-| www.376200.com-体彩彩票几点停售| www.566951.com-香港好彩堂资料中心| www.628782.com-新彩国际app是啥| www.678274.com-体育彩票站点佣金| www.781410.com-hk百彩网免费| www.833069.com-体彩二维码扫出不来| www.883888.cc-玩凤凰彩票输了好多| www.939211.com-雪绿足彩比分直播| www.977734.com-彩色混凝土压模材料| www.rd03.com-大发快三算号器| www.253617.com-竞彩足球手机版| www.333556.com-买东西送彩票违法吗| www.412989.com-竞彩篮球加时| www.511397.com-抖音昵称加彩虹|