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天

知道了
优彩333彩票 www.251069.com-彩中彩黑平台| www.399582.com-特区彩票长条| www.562608.com-乐彩超级大乐透| www.653591.com-玖富彩票怎么下载| www.775669.com-中堂彩今晚开什么| www.878508.com-斯特凡万能彩票公式| www.969429.com-q彩网邀请码是多少| www.cp0411.com-一分钟快三计算软件| www.qs41.com-千亿彩票官网| www.18sp.com-星期五开奖什么彩票| www.552.cn-相年富彩之网| www.5581.pro-彩牛美缝剂质量好吗| www.21963.com-彩票刷子群-| www.74074.com-福利彩票背后的秘密| www.033631.com-彩票里什么叫屠龙| www.193354.com-大发快三辅助软件| www.280337.com-体彩七位数最新预测| www.391150.com-手机336彩下载| www.525258.com-乐聚彩票邀请码| www.626621.com-时时彩胆码选择| www.711079.com-名彩票-| www.797661.com-lcz99购乐彩| www.879460.cc-内蒙古彩票中心电话| www.993542.com-足球彩票有几种玩法| www.pf1.com-彩6com-| www.st57.com-时时彩6码-| www.25vx.com-摇骰子彩票天天乐| www.937.bid-体彩7星彩中奖号码| www.6403.vip-雅迪米彩二代价格| www.22701.com-手机发送短信买彩票| www.72745.com-北京福彩兑奖流程| www.082667.com-省份快三开售时间| www.159139.com-中彩网富坛免费资料| www.268058.com-彩乐乐围二遗漏| www.365645.cc-画彩铅画用什么纸好| www.476704.com-财富彩票平台网址| www.565152.com-福彩3d对应号| www.650758.com-手机赌博十字彩| www.779236.com-中彩和体育福利彩票| www.865969.com-注册福彩咋注册| www.943429.com-好运来买彩票靠谱吗| 818合彩www.www.9889hc.com| www.fl87.com-手机福彩下载| www.za63.com-体彩5d开奖走势图| www.30zr.com-彩虹代刷网搭建教程| www.1451.pw-香港博彩堂免费精选| www.8899.org-竞彩64万-| www.52804.com-好彩投下载安装| www.004628.com-体彩两码遗漏表| www.082040.com-新2彩票论坛网址| www.152942.com-七星彩奖表电脑版| www.282122.com-附近体彩店-| www.373089.com-鼎盛彩票手机版| www.505949.com-财政部综合司彩票处| www.586737.com-七乐彩中奖几率多大| www.666529.com-万达商城彩票靠谱吗| www.751344.com-今日彩是什么| www.828035.com-春天彩票刷流水| www.905914.com-福利彩票老时时彩| www.974842.com-南京体彩中心余主任| www.xk73.com-鑫彩国际彩票| www.24vq.com-怎么破解网投彩票| www.532.cn-重庆市彩单选走势图| www.4917.vip-彩票赌钱软件下载| www.07728.com-中彩那天的词语| www.55001.com-安卓微彩-| www.004412.com-福彩被停机了怎么办| www.082050.com-郑州彩色纸箱厂家| www.155175.com-足彩哪种玩法最佳| www.367807.com-乾特火箭彩票vip| www.472288.com-彩乐园计划平台| www.561331.com-彩票代理诈骗| www.635094.com-七彩阳光分视频| www.761592.com-甘肃快三怎么玩| www.855008.com-足彩竞彩网直播| www.926802.com-彩票需要几位数| www.985857.com-福彩3d狐不归预测| www.cp4008.com-中国福彩广西官纲| www.or97.com-彩票出号原理| www.02zt.com-彩票牛人总结的经验| www.77ms.cc-琼海七星彩彩票网| www.1768.com-彩票777下载中心| www.9983.net-足彩预测新浪网友| --双色球指南彩报| www.001326.com-彩客网竞彩开奖结果| www.091517.com-手游彩官网-| www.164062.com-机选一注彩票| www.287636.com-合买彩票平台有哪些| www.375608.com-彩金神龙麻将大满贯| www.503718.com-胆略足彩精彩分析| www.578119.com-湖南体彩分中心电话| www.655054.com-大公鸡七星彩苹果| www.764433.com-足球4场进球彩对阵| www.840182.com-买彩票会不会中奖| www.896496.com-全国快三走势软件| www.966590.com-澳门五分彩开奖结果| 亿彩网www.820585.com| www.iy89.com-6+1走势体彩| www.a77.in-福彩电子走势| www.31ai.cc-彩虹自助下单授权| www.0882.cm-可以发帖的博彩论坛| www.7591.biz-彩票ppt-| www.25265.com-彩铅画简单风景草地| www.68751.cc-优盈彩票app| www.047955.com-3d数字彩票投注通| www.130787.com-驻马店上蔡县彩礼| www.208299.com-网上投彩票合法吗| www.282162.com-洛神体彩店-| www.385345.com-福彩双色球造假案| www.506035.com-u9彩票是真的吗| www.577993.com-鄂彩萌-| www.650658.com-零基础水彩入门教程| www.759999.com-吉林时时彩开奖结果| www.831710.com-推店彩票可信吗| www.900075.cc-发彩网彩票资讯频道| www.955571.com-彩票中屠龙-| www.996499.com-黑龙江彩票app| www.cp9758.com-彩票app排名| www.np87.com-体彩异地兑奖| www.3qq.cc-京彩集团申请邀请码| www.60hi.com-近期双彩球开奖结果| www.0712.date-彩票对冲刷流水| www.8787.love-彩6买什么版本好| www.41324.com-彩票到底有没有人中| www.86236.com-福彩3d模拟摇奖噐| www.036965.com-01彩票网-| www.136407.com-四川快三推荐| www.211109.com-安徽快3彩票倍投| www.283210.com-福利彩票玩法双色球| www.388075.com-华彩咨询累么| www.507886.com-刚力彩芽mv| www.572877.com-彩票有几种购买方式| www.641242.cc-600彩票注册| www.747707.com-环彩网页版-| www.814120.com-博彩怎么玩-| www.873296.com-爱心彩广西快3技巧| www.cp0304.com-大发快三彩票软件| www.kq82.com-彩票分析师收入| www.23225.com-体彩3d跨度和值表| www.64621.com-竞彩足球怎么找客户| www.039595.com-严玉进华彩-| www.125036.com-什么是彩托-| www.193643.com-马来西亚福利乐彩票| www.259769.com-宁夏体彩11-| www.331138.com-三d彩神通关注码| www.393352.com-福彩3d谜语7| www.555641.com-分分彩中三单式| www.619206.com-491彩票下载| www.683322.com-那个平台可以卖彩票| www.755362.com-四川福彩学院| www.867307.com-福建快三开-| www.928123.com-大型彩色打印机价格| www.970454.com-酷彩吧彩票可信吗| www.ek87.com-幸运快三代玩| www.uf70.com-深圳快乐彩走势图表| www.9cg.com-劲球彩票玩法| www.59dj.com-中国彩杯-| www.894.bid-八字预测彩票| www.4910.vip-竞彩5258官网| www.9611.loan-苹果彩票导航入口| www.79258.cc-万彩彩票app| www.024944.com-手机彩票过滤器| www.089354.com-彩票福彩排三| www.145718.com-152彩票靠谱吗|