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天

知道了
江西11选5 www.159027.com-网易彩票大乐透试机| www.4635.com-体彩店卖双色球吗| www.703111.cc-竞彩网赛果-| www.560020.com-体彩排列五南方双彩| www.644815.com-福彩讲师ppt模版| www.733900.com-福彩快3中奖对照表| www.839193.com-彩70彩票怎么样| www.922991.com-彩票店开业-| www.990244.com-趣彩网官网-| www.vr1.com-甘肃快三最新开奖| www.111583.com-发彩网网站官网| www.4831.cn-山西福彩彩票中大奖| www.37653.cc-下载9万彩票| www.69oy.com-凤凰彩票有没有风险| www.930796.com-双色球中彩网擂台赛| www.ij5.cc-快乐彩走势图浙江| www.w21.org-微信大发快三群最近| www.035049.com-信彩彩票是正规平台| www.37120.cc-四川体育彩票第一期| www.2682.cm-6288彩票平台| www.985358.com-皇冠竞彩app| www.720058.com-手彩-| www.156466.com-五百万彩票苹果| www.57go.com-彩票中奖票丢了| www.92344.com-好聚彩平台下载| www.204918.com-大发快三玩法术语| www.0049.org-买哪种彩票奖金高| www.588868.com-3d辽宁省彩王| www.695318.com-竞猜彩误差值| www.865308.com-淘宝网购彩票合法吗| www.963699.com-客彩网彩票官网| www.kq69.com-快频彩新规-| www.661971.com-竞彩足球截止时间| www.09642.com-多彩彩票提现安全吗| www.110313.com-彩票整改-| www.078823.com-七星彩领奖地址| www.397782.com-七星彩自动画规软件| www.1ni.com-人们是否应该买彩票| www.1221.space-华彩1到3级-| www.365623.cc-竞彩理财计划| www.536556.com-数字彩票有哪几种| www.226772.com-日彩网快三是合法的| www.833665.com-彩票复式投注计表| www.987038.com-d8彩票官网-| www.qv08.com-旧重庆时时开彩结果| www.76725.cc-彩票一等奖图片大全| www.332259.com-体彩卖福彩吗| www.509533.com-淘金彩票安全吗| www.90ix.com-沁县彩英说唱团| www.326952.com-澳门5分彩开奖图| www.394456.com-台湾彩虹网-| www.509272.com-万城彩票注册做兼职| www.06240.com-福彩3d20点和值| www.177642.com-快三不同号有几个| www.258502.com-网易竞彩足球推荐| www.697617.com-彩票资料免费之大全| www.798635.com-c彩16安卓版| www.872955.com-七彩网江苏快3| www.962447.com-贵州彩票兑奖| 大玩家彩票www.84499c.com| www.c14.net-湖北快三中奖号码| www.9916.loan-万景国际彩票稳定吗| www.858141.com-国家开始整治彩票| www.941578.com-彩乐汇彩票是真的吗| www.cai3567.com北京快三开奖一定牛| www.989405.com-彩宝贝短信点播| www.899042.com-福彩3d网上怎么买| 大赢家彩票平台www.179237.com| www.ot23.com-安徽快三网页计划| www.83dl.com-移动彩印怎么用| www.2913.cc-体育彩票门店图片| www.02422.cc-彩票试玩帐号| www.6217.wang-福利彩票25选5| www.35257.com-彩网站彩票网站| www.88984.com-大师算彩票-| www.531961.com-谁有彩票33软件| www.706641.com-时时彩论坛之家| www.829022.com-足彩微信群-| www.7564.xyz-东方集团三分时时彩| www.920692.com-快三中奖彩票图片| www.56732.cc-幸运娱乐彩票| www.019241.com-瑞彩祥云平台优化站| www.116727.com-今日足彩比分| www.289371.com-福利彩票三位数开奖| www.9053.vip-中国体育彩票购物站| www.303251.com-双彩论坛3d字谜| www.480484.com-澳门三分彩有多少年| www.948062.com-体育彩票发行的宗旨| www.56927.cc-福利彩票排列七| www.194689.com-快三复式计算四个号| www.282999.cc-彩票规律破解大乐透| www.516269.com-赢在乐彩-| www.656524.com-快3彩票二维码| www.805372.com-中国足彩网彩票| www.975494.com-立彩彩票苹果版本| www.96ft.com-火星彩票网站| www.327229.com-搜狐彩票基本走势图| www.3257.biz-福彩购彩平台| www.96043.com-彩票谁管-| www.285367.com-湖北快三历史跨度| www.461472.com-c8万彩吧6采| www.602187.com-彩票售票员工作流程| www.730551.com-快2彩票玩法介绍| www.926592.com-双色球彩票价格| www.7149.cc-博有彩-| www.801724.com-600彩票app-| www.x18.space-中彩网大乐透开机号| www.632312.com-天空彩票报码结果| www.023517.com-快乐五分彩开奖| www.168664.com-时时彩开奖结果| www.299508.com-中国体彩开奖信息| www.558763.com-彩虹玫瑰花语是什么| www.668683.com-福利彩票彩票走势图| www.763885.com-福彩3d老虎图彩报| www.947927.com-体育彩票的利润| www.1gp.cc-7乐彩三分区走势| www.078068.com-玩彩網-| www.971924.com-乐彩网3d免费预测| www.022245.com-高赠送彩票平台| www.59058.com-福彩3d讲座视频| www.070722.com-玩高频彩的职业高手| www.17sf.com-足球彩票提成是多少| www.909805.com-乐彩app官网| www.xg54.com-七星彩2元网走势图| www.26964.com-新2彩票正规吗| www.099797.com-快三专家推荐号| www.9212.biz-河南经济报福彩专刊| www.114849.com-体彩十一运彩乐乐| www.264391.com-手机购彩快三| www.512196.com-水彩笔渐变画| www.654815.com-幸运快三倍投公式| www.894973.com-够彩网-| www.24yi.com-华彩置业-| www.23373.cc-彩票资讯大全| www.142541.com-彩运8导师-| www.262141.com-中国体彩网站| www.713710.com-七彩色是哪七种| www.685897.com-官彩有哪些平台| www.379872.com-甘肃体彩大乐透走势| www.98181.cc-体彩6?1-| www.739949.com-盛大彩票app下载| www.116253.com-投彩网下载-| www.8568.in-乐彩网嗨少看彩| www.9678.org-快彩网址-| www.67906.com-黑客重庆时时彩软件| www.057401.com-福彩快三成立时间| www.145012.com-彩票免费领彩金| www.qt89.com-支付宝彩票中一等奖| www.458452.com-彩票几点开奖大乐透| www.108389.com-新生彩票手机客户端| www.221011.com-大发时时彩玩法技巧| www.287215.com-yy彩票网址-| www.356007.com-豪彩vip注册| www.947051.com-官方高频彩都有哪些| www.999039.com-彩乐汇彩票合法| www.xz17.com-七乐彩5期走式图| www.316046.com-宁夏银川快三走势图| www.533332.com-彩票分布-| www.191245.com-内蒙快三49期| www.35iq.com-7星彩论坛808| www.34290.com-上海松江体彩中心| www.059009.com-中国体育彩票走视图| www.501881.com-福星福彩3b预测| www.705055.com-3d彩票查询-|