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.474905.com-亚洲彩票百盛平台| www.631785.com-小学生七彩阳光歌曲| www.720023.com-体彩七星彩开奖视频| www.803671.com-中彩网投注大赛软件| www.889203.com-快乐彩票则么玩| 9号彩票www.80767f.com| www.io15.com-山东福彩群英会直播| www.e55.cc-乐彩彩票可靠吗| www.41ve.com-e球彩开奖号码| www.901.vip-彩铅清新风景图片| www.5813.cn-亚虎亚彩会游戏官网| www.15142.cc-彩虹颜色的顺序图片| www.63153.com-今天多乐彩开奖结果| www.155266.com-竞彩玩法讲解| www.252948.com-时时彩开奖号码| www.331907.com-大发快三刷流水收益| www.417369.com-在开封开体彩店| www.526082.com-足彩总进球-| www.647683.com-用手机上怎么买彩票| www.739433.com-苹果网站彩票| www.819793.com-乡镇福彩赚钱吗| www.899314.com-彩81怎么下载| www.968470.com-福彩便民民-| www.by00.com-石家庄快三开奖结果| www.wk20.com-北京体彩排5| www.20iw.com-19051足彩奖金| www.819.live-彩票开奖延时| www.5238.net-派彩金额-| www.10072.com-山东省福彩中心| www.56992.com-福利彩票杀号技巧| www.038212.com-彩九九app-| www.127387.com-彩虹六号围攻干员| www.207549.com-一分钟快彩-| www.284658.com-时时彩免费计划软件| www.393385.com-彩票最高返点| www.521776.com-七乐彩有几个奖级| www.596591.com-01福彩安卓版下载| www.674150.com-足彩销量查看| www.755497.com-微信代玩幸运快三| www.875707.com-福利彩世界下载地址| www.960579.com-注册送彩的彩票| 凤凰彩票www.036874.com| www.ht33.com-体彩快中彩玩法| www.zc86.com-幸运快三长龙助手| www.30tl.com-彩虹app分发源码| www.0774.cn-大发快三送彩金| www.7507.com-这个体育彩票| www.25836.cc-八卦奇门彩票取数法| www.70771.com-彩票快2中奖多少| www.055929.com-福彩省份快三靠谱吗| www.137138.cc-两元彩票网在线缩水| www.217018.com-网上玩快三犯法吗| www.290707.com-我发现彩票有规律| www.364673.com-阳光在线彩票| www.454933.com-乐彩娱乐国际是什么| www.549628.com-兴盈快三稳不稳| www.679371.com-陌生人买五分彩| www.762057.com-体育彩票图片大全| www.860527.com-763彩票-| www.924178.com-掌优彩票靠谱不| www.980101.com-成功彩票官网登录| www.fl00.com-彩票奖金-| www.xe06.com-福彩三d和值谜| www.17px.cc-彩票提现投注量| www.338.xyz-广州彩票中奖| www.3978.cn-体彩842前后关系| www.9598.in-今晚天下彩结果| www.61131.cc-中国福彩窝案| www.021391.com-娱乐平台彩票有哪些| www.092350.com-中国体彩刮刮乐种类| www.160035.com-快中彩走势图app| www.321830.com-ai足彩-| www.390653.com-平安彩票会员登录| www.523569.com-七彩乐彩票开奖结果| www.606244.com-福彩3d杀码定胆| www.677857.cc-福彩公众号二维码| www.757503.com-58彩票购彩大厅| www.878898.com-体彩大乐透的玩法| www.954706.com-快三预警软件| 云博彩票www.39118.cc| www.du22.com-彩票中奖神器| www.uu02.com-什么是基诺彩| www.04ot.com-竟彩比分直播澳克网| www.71nu.com-全国彩票2元网首页| www.1151.in-天天中彩票足彩可靠| www.04134.com-如何网上购足彩| www.48449.com-竞彩优化工具app| www.91624.com-好彩黑蓝好多钱一包| www.050758.com-亚洲最大彩票平台| www.161084.com-华宇彩票-| www.239315.com-万豪福彩下载安装| www.309903.com-长春体育彩票| www.378839.com-南国彩票坛-| www.518214.com-合肥体育彩票| www.583400.com-中彩网十一选五| www.654767.com-青海快三介绍| www.760244.com-彩票自助机在哪申请| www.845622.com-台湾彩票叫什么| www.909738.com-玩彩人杀码-| www.973537.com-好彩票123-| www.bp47.com-凤凰网彩票-| www.sb02.com-体彩双胆预测| www.04xw.com-彩色铅笔素描复杂| www.69yx.com-彩六彩票下载| www.0590.vip-3d图彩第一吧| www.7792.com-买足彩有什么技巧| www.23168.cc-福彩票中奖号码开奖| www.65676.cc-快三最多多少期不出| www.037556.com-体育彩票足彩| www.117668.com-网络彩票幸运快三| www.186492.com-快三开奖助手破解版| www.255580.com-彩78app-| www.326559.com-七星彩开奖领奖时间| www.487100.com-亚盘足彩购买软件| www.559226.com-赤峰福彩中心马主任| www.621126.cc-彩票什么软件加奖| www.704158.com-安教快三-| www.791316.com-快三和值单双预测| www.867001.com-福彩中心周日上班么| www.936116.com-分分快三能赚钱吗| www.988790.com-彩8app下载-| www.38ue.com-七星彩排除码| www.0875.pw-竞彩大小球在哪买| www.8038.vip-天津时时彩图库| www.42468.com-金利彩票是骗人的| www.87728.cc-南方彩票官网下载| www.056104.com-彩票6十1开奖号码| www.196719.com-福建体彩开奖查询| www.262626.com-河北快三跨度走| www.383691.com-福彩几点-| www.508290.com-体彩屋77-| www.575208.com-彩票王子-| www.644533.com-趣博彩票正规吗| www.741183.com-福彩胆王-| www.810398.com-彩票休市通知| www.879034.com-易彩官方彩票网| www.966365.com-福利彩票排三| 新壕天地www.277739.com| www.gf85.com-快三是谁开奖| www.xg85.com-900万彩票-| www.51io.com-仁信彩票下载安装| www.9124.net-专业彩吧助手彩票| www.82198.com-彩77平台如何| www.046021.com-天天彩票手机软件| www.163031.com-下载江苏快三走势| www.277568.cc-快三单机游戏| www.378725.com-下载旺彩大乐透开奖| www.565028.com-新彩福彩3d字谜| www.632253.com-566彩票下载| www.717045.com-彩铅画需要哪些工具| www.788585.com-网上竞彩投注员骗局| www.pu61.com-98198彩票网| www.85vs.com-久久彩票平台坑人吗| www.5025.pw-好运彩彩票苹果版| www.34377.cc-银彩通工商银行| www.160761.com-福彩自助终端机| www.316999.com-江苏快三大小口诀| www.418491.com-彩漂的作用使用方法| www.558742.com-彩虹色含义-| www.671580.com-彩礼4万八-| www.988800.com-幸运快三单双买法| www.ta15.com-福利彩票几点能兑奖| www.14od.com-宁国彩票-| www.2604.pw-湖南福彩论坛|