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.511020.com-六色彩虹寓意| www.878567.com-财富彩票app下载| www.991365.cc-大赢家时时彩代理| www.g82.club-中国彩宝-| www.63816.cc-浙江省爱乐彩| www.122386.com-足球比分中国足彩网| www.222262.com-彩票开奖查洵公告| www.741751.com-南京中彩票的人| www.293620.com-可靠的彩票平台制作| www.568711.com-手机买足彩软件推荐| www.756684.com-全民乐彩票安全吗| www.948167.com-中彩网专家推荐| www.975564.com-内蒙古福彩票| www.00ak.com-大富彩票不让提现| www.238.red-三彩女装官方| www.368050.com-苹果素描彩铅画图片| www.m94.cn-彩票风控多久解除| www.131180.com-打七星彩奖网站| www.eb81.com-内蒙古快三技巧| www.76jf.com-42500彩票-| www.9666.biz-福建体彩彩宝网| www.007675.com-体彩排5奖结果| www.135428.com-彩票销售员招聘| www.7713.cc-彩礼的意思-| www.027836.com-玩投彩的女生| www.139040.com-同城彩票app下载| www.274008.com-福利彩票11选5| www.400168.cc-哪里有在买彩票的| www.554343.com-彩票3d术语-| www.629005.com-谁有带玩彩票群| www.705661.com-网易彩票有人中奖吗| www.822386.com-彩票668网-| www.cai3133.com江苏快三开奖助手| www.0005.me-福彩3d两码差算法| www.66933.com-福彩中心冯-| www.ps84.com-3分彩是什么| www.48im.com-七星彩星期日走势图| www.3863.vip-竞彩官方赔率| www.38558.cc-最新爱彩官网下载| www.021578.com-有游彩票平台| www.32551.cc-胜负彩模拟投注| www.89545.com-快乐彩玩法技巧| www.061322.com-怎么注册彩票账号| www.107791.com-福中彩票怎么样| www.233429.com-排列三走势图乐彩网| www.377001.com-赢彩双色球-| www.501801.com-中国竞彩蓝球| www.576778.com-彩票图片-| 中彩网www.2408c.com| www.tw92.com-腾讯快开彩-| www.249348.com-彩立购-| www.361451.com-大地彩票提现失败| www.694311.com-3d彩票太坑人| www.ke37.com-体彩算赌博吗| www.81am.com-财富计划彩票| www.276077.com-七星彩复式价格表| www.n49.club-用户注册中福彩票| www.6288.cn-九彩洗衣液-| www.86963.cc-云南快三开结果| www.118763.com-辽宁移动体彩中奖| www.270863.cc-彩六下载安装| www.397654.com-体彩2019春节| www.545096.com-开福彩-| www.664341.com-中国彩票一更懂彩民| www.779265.com-福建体彩开奖直播室| www.899381.com-博发彩票输了钱| 500彩票www.3126o.com| www.rq56.com-重庆时时彩载止了吗| www.76is.com-看图猜动物的彩票| www.3ti.com-京彩集团官网| www.3746.me-春节后何时七星彩开| www.07074.com-5oo彩票app-| www.86083.com-彩涂钢板的主要用途| www.358940.com-体彩大乐透公式计算| www.459888.cc-体彩胜负彩怎么玩法| www.576534.com-幸运中彩票苹果系统| www.067894.com-八手巴购彩票下载| www.680951.com-七星彩庄家代理| www.788024.com-体彩任三中了多少钱| www.c1.me-快三app网址| www.gw02.com-093彩票开户| www.110791.com-快三技巧基本公式| www.227451.com-快三秒奶茶官网| www.305517.com-甘肃快3爱彩乐| www.369209.com-尼彩手机好么| www.454188.com-查询彩票真假| www.536098.com-什么彩票是6个数字| www.603455.com-创富彩票怎么玩| www.662771.com-十一彩票停售吗| www.459979.com-彩世界怎么下载不了| www.963822.com-500彩票pc版| www.nm16.com-足彩投注量-| www.2465.com-彩83平台怎么样| www.39216.cc-利澳彩票平台登陆| www.320606.com-快乐5分彩怎么玩法| www.k78.org-彩48彩票-| www.0186.loan-彩云国蓝家-| www.02755.com-ok彩票骗局-| www.013726.com-七星彩大中小走势图| www.672710.com-七星彩上官燕推荐| www.30vp.com-七彩玫瑰图片| 500彩票www.50026v.com| www.jz33.com-彩票2元下载软件| www.v03.org-熊猫购彩-| www.627046.com-二十选五福彩| www.715852.com-微信上七星彩诈骗| www.43iv.com-彩色沥青道路做法| www.0838.xyz-如何开足球彩票店| www.49955.cc-甘肃兰州彩票店转让| www.100908.com-如何在微信上买彩票| www.188720.cc-内蒙快三开官网| www.264549.com-快三大小怎样看走势| www.351755.com-时时彩推广-| www.439079.com-广西彩票中心在哪| www.538095.com-中国福彩有几种彩种| www.696001.com-正规的网上彩票平台| www.67om.com-体彩泰安投注站| www.dy49.com-重庆福利彩票| www.9hu.cc-4个数的彩票叫什么| www.720.cx-百信彩票下载安装| www.73258.com-海南七星彩头尾预测| www.032038.com-靠谱的彩票投注软件| www.121082.com-彩票群取什么名字| www.57pz.cc-鼎盛国际时时彩| www.2153.win-吉林快三计划赢| www.390202.cc-68彩票是否坑人| 500万彩票www.35155r.com| www.rs11.com-玩彩票赔了怎么办| www.37gt.com-dd彩是正规彩站吗| www.843289.com-快乐公益彩票| www.938387.com-hk百彩网资料| 博亿彩票www.636by.com| www.222684.com-湖北快三和值跨度图| www.883156.com-福彩3d彩吧第二版| www.32624.com-全民汇彩票电脑版| www.025690.com-3号彩票在线客服| www.130095.com-055hcc福彩网| www.254897.com-安徽快三走势图安| www.358152.com-南京福利彩票领奖| 网易彩票www.071wy.com| www.226842.com-湖湖北快三走势图| www.371648.com-五分钟时时彩| www.512370.com-环彩网怎么打不开了| www.n16.biz-爱波网彩票-| www.82hf.com-盈彩在线交流厅| www.529651.com-好彩网是不是骗人的| www.747516.com-红彩app是什么| www.848578.com-足彩竞彩今日推荐| www.939333.com-北京单场足彩推荐| 博乐彩票www.35918z.com| www.zd53.com-e球彩奖金表| www.516646.com-奇门如何测港彩| www.608017.com-白莱网注册送彩金| www.693262.com-江苏快三参考图| www.zo18.com-彩开速11选五| www.42hl.com-足彩专业术语| www.0027.in-福利彩票是几位数字| www.7950.shop-七彩椒多少钱一斤| www.42654.com-彩经彩票怎么样| www.005808.com-合肥彩票店转让| www.100321.com-彩票概念新华网| www.193615.com-马来西亚乐和彩开奖| www.460090.com-福建掌中彩信息技术| www.574102.cc-六全彩赌博量刑标准|