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.66376z.com| www.239777.com-下载江苏快三彩票| www.530416.cc-福利彩票双色球图标| www.971787.com-第一彩票软件| www.cp017.com-三分快三彩票| www.mk2.com-河南快三和值一定牛| www.663003.com-竞彩新时代-| www.781159.com-分分彩后二口诀| www.874223.com-体彩源码-| www.962497.com-福彩双色球兑奖期限| www.cai2866.com内蒙古快三中奖规则| www.0109.org-中彩网3d字谜总汇| www.7369.cn-够力七星彩画规表| www.733742.com-时时彩三分钟开奖| www.73bl.com-体彩杀尾预测| www.4215.biz-多彩气泡链接| www.12618.com-三宝生活体彩屋代理| www.85594.com-体彩竞彩联盟| www.6548.vip-698彩票网-| www.071699.com-彩钢瓦围挡图片| www.127404.com-足球彩客网-| www.236108.com-什么彩票中500万| www.750498.com-中彩在线办公系统| www.870984.com-想开家福利彩票店| www.bw8.com-彩77下载官网| www.2fs.com-安徽体彩排三技巧| www.727234.com-明彩电视-| www.272062.com-聚彩手机app| www.360189.cc-黑彩的服务器在哪里| www.671460.com-排列三电脑彩宝网| www.773497.com-彩民高手坛三肖图| www.938295.com-网络私彩被判刑| www.994764.com-高仿体育彩票刮刮乐| www.wz21.com-福彩三d基本走势| www.41fc.com-七星乐彩票真假| www.0033.cm-体彩七位数随机号| www.925.space-临沂体育彩票总部| www.6583.shop-彩票暂停销售是什么| www.55207.com-天津时时彩开奖时间| www.032976.com-网易彩票网官方下载| www.118431.com-彩七七-| www.669643.com-彩票工具_今日运势| www.73173.cc-长沙福彩大奖| www.22772.cc-快三是什么样的赌博| www.02022.cc-彩票害人-| www.67qa.com-福彩一年销售额| www.7557.loan-传销型彩票-| www.90901.cc-8亿彩官网在线| www.362761.com-七星彩梦秘解图册| www.448180.com-逆袭彩票计划官网| www.114274.com-福彩中心fc开机号| www.9506.top-百博七星彩投注网址| www.90292.com-体彩超级大乐透直播| www.101644.com-红彩网邀请码在哪里| www.02124.com-赌时高频彩输了三万| www.92120.com-顺丰彩票可信吗| www.cp837.cc-快三72期开奖结果| www.18241.com-辽宁福彩网官网首页| www.063219.com-双机彩票站转让| www.5460.cn-微彩吧官方站| www.72658.com-彩坛皇后胆码| www.8656.me-彩票冷热号码分析| www.971074.com-幸运彩app安卓版| www.wo1.com-福彩今晚中奖号| www.c58.club-乐彩神下载-| www.80xa.com-农村医药报一新粤彩| www.6188.vip-众盈彩票是黑彩吗| www.029802.com-福彩软件-| www.hv83.com-北京快三现场直播| www.13sc.com-竞彩足球彩票计算器| www.779.in-韩国快三计划软件| www.529342.com-附近体彩销售点查询| www.6688.xyz-团队快三计划在线| www.31953.com-签到送彩金的app| www.k39.cm-掌上购彩七天彩平台| www.350307.com-印度乐透彩开奖记录| www.588156.com-福彩跨度速查表| www.1905.in-彩票自动报号机器人| www.10817.com-鲸落水彩-| www.77362.cc-体彩3b开将号| www.051367.com-大发快三星光| www.633123.cc-竞彩篮球让分怎么玩| www.711535.com-传奇彩票没人查吗| www.801045.com-彩票天天彩选四开奖| www.878965.cc-彩票七位数-| www.949571.com-运盈彩票骗局| www.997576.com-彩票代理点加盟地址| www.cj25.com-一分钟极速快三计划| www.tv06.com-500彩票怎么合买| www.32.hk-苹果原彩显示好不好| www.64lo.com-下载众彩网安全吗| www.2033.org-青岛四方区福利彩票| www.8579.cn-大通彩票手机客户端| www.051870.com-手机福彩下载安装| www.480338.com-够力七星彩奖表官方| www.318437.com-七星彩9的对数什么| www.386782.com-河北体彩排五走势| www.63518.com-足彩竞彩赛事| www.549522.com-足彩平台哪个好| www.737875.com-河南福彩一定牛| www.274665.com-彩6彩票平台| www.843.cc-如意彩票专家计划| www.8614.loan-创彩电视排第几| www.355946.com-彩票开奖源码吧| www.474835.com-可以投注的彩票软件| www.011488.com-今晚福彩3d-| www.138427.com-印象彩票赛车| www.234977.com-下载福利彩票软件| www.1509.vip-易发彩票官网| www.03049.com-132彩票骗局| www.68287.cc-线上福彩-| www.858403.com-湖北快三应出号| www.938823.com-竞彩之家下载| www.996470.com-黑龙江福彩票| www.io0.cc-内蒙古福利彩票查询| www.my42.com-彩票2元网app| www.02av.com-福彩开机号三十期| www.354901.com-福建彩票大奖排行榜| www.433797.com-福彩业主总结发言稿| www.519544.com-五福彩票客户端| www.572466.com-湖北体彩双色球| www.623933.com-亿盈彩票登录| www.690917.com-宝赢彩票软件靠补吗| www.006484.com-山东体彩手机查询| www.097232.com-中国体育彩票电脑版| www.198466.com-彩神大发快三入口| www.812931.com-易网彩票预测汇总| www.888386.com-678彩票网开奖| www.954262.com-七星彩杀号定胆精准| 汇彩网www.hc8878.com| www.130259.com-汇彩网是不是假的| www.208362.com-广西快三官方网址| www.k30.bid-微信彩票群拉人赚钱| www.93dj.cc-福三彩票开奖结果| www.3568.cm-彩票分析数据手机版| www.08920.com-九州彩票正规| www.61197.com-苹果手机版彩票| www.135913.com-竞彩胜平负预测| www.rf51.com-快中彩-| www.0351.live-花式快三分解姜丽口| www.575166.cc-好运彩快三-| www.668515.com-掌上彩票官网下载| www.738639.com-体彩3d彩-| www.799120.com-彩票打印机多少钱| www.861361.com-安徽体育彩票网| E彩堂www.43818y.com| www.121196.com-从网上怎么买彩票| www.557013.com-海南举报私彩| www.9794.loan-福利彩票作弊案| www.70xd.com-美国彩票哪里买| www.845621.com-369官方彩票网| www.927361.com-一般彩票是几位数| www.975461.com-福彩致富团队| www.ty.cc-一品堂彩票网站| www.lq78.com-旺彩大乐透预测软件| www.33498.com-云南福彩快三| www.84573.com-彩钢板上怎么开大孔| www.821100.com-福彩3d大兵图| www.258449.com-足彩19046-| www.319585.com-新星彩网-| www.221338.com-体彩开奖查询l| www.617182.com-彩票领奖图片| www.679010.com-中福在线视频彩票| www.744215.com-约彩彩票365|