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.697232.com-海南七星彩怎么赔| www.872705.com-福彩网站下载| www.975365.com-下载博牛彩票| www.cp55.com-广西福彩官网手机| www.yb86.com-爱彩乐算什么彩票| www.32zu.com-怎样网上买体育彩票| www.1942.tv-体彩怎么看开奖| www.8611.date-彩神通怎么样下载| www.56810.com-免费下载彩六| www.024221.com-快三视频-| www.109950.com-足彩稳胆推荐| www.195133.com-足彩票开奖查询结果| www.283376.com-体彩七星彩四等奖| www.454311.com-南洋五合和彩开奖一| www.557922.com-大赢家彩票是什么| www.640802.com-彩票创意图-| www.770962.com-重庆福彩加盟方式| www.874229.com-福彩3d水果会员图| www.964672.com-足球彩票新浪网| www.cai1544.com河北快三中奖规则| www.oa04.com-快三和值倍投方案| www.07kt.com-彩涂卷吧-| www.87eh.com-小白彩票竞彩旧版| www.3238.com-彩879彩票怎么样| www.9716.biz-七星彩1-| www.77398.com-9号彩票登录网址| www.037970.com-喜盈门彩票网站| www.141124.com-彩99提现一万| www.227200.com-汉中快三秒电话| www.312833.com-三地中彩网走势图| www.393713.com-体彩刮刮乐怎么兑奖| www.559336.com-福彩3d杀号定胆图| www.637295.com-彩虹6号账号| www.746342.com-8亿彩登录-| www.823987.com-开彩票店投资多钱| www.903363.com-内蒙古福彩地址| www.973478.com-唯美彩虹壁纸| www.xd38.com-中彩网是不是骗人的| www.25dj.com-体彩机器转让| www.776.hk-时时彩买什么挂什么| www.5456.me-谁有好的彩票计划群| www.13390.com-竞彩十四场开奖| www.61089.com-国际福彩5分钟| www.056231.com-7星彩6等奖多少钱| www.144176.com-竞彩怎么判断平局| www.239646.com-官方正规的彩票软件| www.322606.com-竞彩最大奖-| www.398025.com-奥克网买足彩| www.551086.com-体彩大乐透合买| www.639513.com-外围足彩赔率| www.735753.com-篮球彩票分析师| www.815981.com-福彩昨晚出什么号码| www.893698.com-网彩平台导师计划| www.964948.com-饿了么赠送彩票| 600万彩票www.679822.com| www.kj72.cc-78彩票app-| www.j88.pw-彩巴图库55125| www.48zo.com-73彩下载安装| www.0030.xyz-最大的彩票中奖者| www.9245.vip-e乐彩网站几年了| www.52268.cc-彩票指南报网址| www.038090.com-牛牛彩票网-| www.144734.com-竞彩足球单场分析| www.238048.com-安徽福利彩票| www.319874.com-北京快三下载苹果| www.395138.com-福利彩票直播什么台| www.543500.com-有什么好的彩票网站| www.635536.com-博彩众长-| www.717244.com-用彩铅画桃花树| www.805295.com-七乐彩奖金多少钱啊| www.881634.com-体彩玩法术语| 博友彩www.599309.com| www.kj61.cc-快三神奇四码| www.o48.net-员工年会领彩票中奖| www.80dw.com-百盛集团彩票| www.3840.net-台湾六星彩网址| www.23882.com-龙江福彩22选5| www.931118.com-体彩开奖号码结果| www.005454.com-时时中彩票登陆| www.200389.com-南方彩票双彩网| www.284393.com-江西快三推荐号码| www.455001.com-新皇冠彩票平台| www.553393.com-时时彩怎么判断长龙| www.629375.com-博彩平台搭建容易吗| www.703848.com-澳超竞彩-| www.828789.com-27彩票下载-| www.918545.com-外围彩票虚拟投注| www.974043.com-快三的漏洞-| www.rd73.com-体育彩票七位数规则| www.64.biz-打错彩票男子中千万| www.83dv.com-重庆时时彩停开| www.3657.in-3d福利彩票返奖率| www.9530.vip-海南私彩如何包码| www.83113.cc-冮苏快3彩-| www.042505.com-卖彩票的广告词| www.170795.com-快三彩票攻略| www.281555.cc-时时彩任二遗漏数据| www.469294.com-青海快三在线| www.557884.com-今日彩票邀请码| www.626376.com-鑫彩美缝剂多少价位| www.938955.com-澳客体彩客户端下载| www.ji18.com-福彩15-| www.03sr.com-中国福建体彩大乐透| www.79au.com-三色彩开奖结果| www.2144.in-吉林快三计划网站| www.068169.com-彩票软件彩缘| www.169894.com-贵州快三形态走势图| www.274397.com-分分彩连死50把| www.365145.cc-体彩弃奖-| www.489079.com-爱彩双色球走势图| www.569213.com-腾讯分分彩开奖数据| www.651503.com-彩票最好的软件| www.815968.com-快三怎么买大小| www.888087.com-爱彩乐最新版本下载| 网易彩票www.095wy.com| www.dx87.com-福建体彩网走势图| www.vl53.com-下载彩票开奖软件| www.11rw.com-好彩0567玩法| www.83pv.com-彩票号要几位数| www.2104.cc-时时彩欢乐生肖| www.307590.com-好彩60123下载| www.428849.com-美术彩虹伞教案| www.549725.com-网上可以买足彩么| www.639898.com-今期7星彩开什么| www.758008.com-中彩心水-| www.854666.com-极速快三分析软件| www.966871.com-香港行政快三彩票店| www.iz62.com-大发快三技巧教学| www.r52.xyz-e赢彩提现被黑| www.46co.com-appcp彩票下载| www.653.website圣地彩官网app| www.4773.vip-彩票多难中-| www.25225.com-福彩3d马后炮字谜| www.70446.com-大钱庄彩票软件破译| www.087310.com-m5彩票官方网站| www.165951.com-手机认证送彩金| www.280955.com-时时彩稳赚不赔公式| www.380661.com-超级大乐透彩票| www.521001.com-时时彩暂停销售| www.637707.com-彩虹六号用加速器吗| www.734949.com-91彩神登录-| www.75of.com-包袱彩绘-| www.4267.cc-陕西三彩集团是骗局| www.11750.com-瑞彩彩票最新公告| www.81855.cc-彩票遗漏是什么意思| www.027641.com-易彩网黑我钱| www.103908.com-彩8彩票客服| www.174678.com-快三破解器是真是假| www.351635.com-体彩买欧洲杯| www.430714.com-江苏丰彩保温| www.522087.com-旭彩网开码直播| www.585298.com-彩吧网全国彩| www.655811.com-彩票站软件下载| www.805703.com-中国合法彩票种类| www.876533.com-甘肃快三早知道| www.978434.com-葡京彩票平台可靠吗| www.er27.com-乐彩网app官网| www.uk23.com-我发现彩票有规律| www.33ol.com-七星彩共有几个号码| www.0056.cn-时时彩连中二十把| www.7126.loan-新德里彩票必中算法| www.19381.cc-时时彩计划群彩票| www.69060.com-卖彩票需要什么手续| www.029567.com-利彩平台合法吗|