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.522076.com-公益彩票大乐透| www.321051.com-好运来时时彩网站| www.531395.com-彩票买多少钱| www.626612.com-时时彩定胆王| www.709566.com-买彩票组数规律| www.795178.com-www.梦想彩票| www.875907.com-体彩走势图综合版| www.962667.com-app星光彩票| 大赢家彩票www.394311.com| www.615551.com-体彩选号规则| www.703297.com-彩票福彩选号软件| www.789414.com-体育彩票常见的数字| www.867428.com-七星彩廉江好彩哥| www.933928.com-今日彩票今开奖结果| www.990750.com-重庆7时彩是怎么玩| www.dl88.cc-代人玩快三是骗局吗| www.wr35.com-大学生玩快三| www.55ar.com-什么彩票网安全| www.0827.cc-足彩怎么去彩票店买| www.648922.com-730彩票软件下载| www.760070.com-官方时时彩走势图| www.870655.com-易彩国际app| www.969126.com-天天彩票平台正规吗| www.ko.cc-极速快三预测| www.575168.com-足球欧洲体育彩票| www.696981.com-金华体彩申请| www.781406.com-百彩影院-| www.862509.com-时的彩挂机软件| www.938351.com-彩票研究网-| 乐彩www.le96.com| www.er44.com-今天体彩独胆| www.22uc.com-今日体彩开奖吗| www.1237.top-118彩票骗人| www.324669.com-华人彩票可信吗| www.6573.bid-福彩3d16788| www.37827.cc-彩票234-| www.230307.com-728彩票苹果版| www.347350.com-天天竞彩安卓版| www.990991.com-易彩票极速快三| www.fo47.com-大发快三抓豹子技巧| www.n63.top-爱尚彩票网投可靠吗| www.l35.cm-9118彩票下载| www.898220.com-香港致富彩生肖| www.121423.com-彩专家彩友人工计划| www.274776.com-极速时时彩大小号码| www.419234.com-88彩-| www.75jn.com-足彩怎么玩稳赢| www.00514.com-彩票开奖安徽快三| www.653179.com-海南博彩受益股| www.827850.com-彩票跟单陷阱| www.994518.com-体彩19017排五| www.vd19.com-正规互联网彩票网站| www.456739.com-彩票3d图谜-| www.365594.cc-动漫彩铅教程| www.605805.com-吉祥8彩票官网| www.109120.com-欧洲百万彩票官网| www.717896.com-87彩店竞彩下载| www.925873.com-爱乐透彩票不更新| www.kp0.cc-时时彩后三计划全天| www.12743.com-福彩3d之家论坛| www.68568.com-全彩网八仙过海| www.946963.com-彩色混凝土施工视频| www.nd31.com-皇都彩票可信吗| www.51ym.com-极彩在线登录| www.267018.com-杭州快三开奖结果| www.022793.com-快三彩票是福利彩票| www.2829.hk-七星彩现在开奖直播| www.431023.com-射利彩签-| www.661616.com-竞彩最多几串1| www.33869.com-七星彩打规律奖率| www.61639.cc-乐迎彩票怎么样| www.299701.com-999彩票网-| www.411123.com-唯彩看球官方版| www.015949.com-唯彩会彩票网| www.440633.com-五百彩香烟-| www.951126.com-天天彩票网下载| www.oy5.com-体彩19037期| www.16tp.cc-3d双彩论坛专区| www.554284.com-体彩大乐透顺口溜| www.400192.com-快三湖北助手| www.547822.com-28彩票网注册| www.385439.com-吉祥彩票是骗钱的吗| www.024687.com-浙江福彩积分兑换| www.104578.com-福彩主任冯亚平| www.706220.com-一分快三怎么算和值| www.787599.com-哪种彩票星期五开奖| www.854074.com-安徽快三奖励| www.936287.cc-凤凰彩票网计划| www.984201.com-糖果彩票-| www.cd33.com-中国体育彩票排5| www.579121.com-万豪彩票下载安装| www.37274.com-彩票签到送彩金活动| www.97744.cc-2m彩票8080c| www.752638.com-最新彩票平台排行榜| www.2081.net-驿站彩票-| www.412147.com-福彩开奖日期和结果| www.518176.com-牛彩app哪里下载| www.722.cc-时时彩翻倍追号| www.107898.com-乐彩赢0014-| www.180419.com-兰州快三开奖结果| www.285440.com-最新体彩开奖号码| www.384004.com-彩票数据爬取| www.566661.com-恒发彩票登录| www.802931.com-福彩可以买吗| www.567291.com-江苏体彩预测| www.555056.com-如果彩票中了一个亿| www.7908.cm-北单500彩-| www.83331.cc-中国职业彩票玩家| www.67681.com-097彩票-| www.710091.com-北京福彩网彩民之家| www.765780.com-淘宝彩票网七星彩| www.579457.com-身无彩凤txt下载| www.7779.pw-竞彩足球技巧| www.31916.cc-竞彩比分唯彩| www.362988.com-形容彩虹的成语| www.475605.com-盛世彩票是骗局吗| www.606478.com-长江彩票-| www.687111.cc-大乐透彩票大奖| www.789427.com-收米竞彩-| www.16042.com-七乐彩开奖中奖规则| www.92117.com-丰彩娱乐怎么样| www.984249.com-快乐10分中奖彩票| www.3216.net-河北体彩兑奖地点| www.205321.com-内蒙古体彩兑奖地址| www.292935.com-河南快三任意俩码差| www.50628.com-七星彩808局| www.285323.com-体彩418走势图| www.356249.com-江苏快三追号计划表| www.435728.com-重庆彩票兑奖地址| www.515952.com-中福彩票输赢有多大| www.468520.com-时时彩第72-| www.228077.com-七星彩最近十期| www.218523.com-彩票套利-| www.506484.com-彩票网站注册送彩礼| www.592500.com-够力七星彩开奖通知| www.659662.com-海南省体育彩票图片| www.722722.cc-代玩彩票赚钱| www.781277.com-河南福彩幸运| www.862509.com-时的彩挂机软件| www.915260.com-快彩票作弊器| www.967801.com-百合网娱乐彩票游戏| 博友彩www.195322.com| www.gd37.cc-分分彩胆码计算公式| www.80vu.com-体育彩票中奖号公布| www.060816.com-微博彩票游戏可靠吗| www.325387.com-今晚七星彩开吗| www.21155.com-足彩比分查询| www.791412.com-福利彩票机选一注机| www.9638.bid-3d家彩网杀码定胆| www.969779.com-福彩现在还敢买吗| www.872755.com-福彩快三网真的假的| www.00hw.com-阳光彩虹小白马歌词| www.211619.com-大发快三提现被退回| www.345088.com-棋牌彩票的项目代理| www.165388.com-安徽福彩双色球开奖| www.272751.com-网赚彩票12-| www.311571.com-福彩开心十分钟| www.7426.cn-欢迎光临国民彩票| www.867903.com-时时中彩票登录入口| www.985878.com-福彩3+d字迷| www.kh87.com-体彩网大乐透预测| www.128908.com-一分钟3d福彩| www.266109.com-河南快三奖金| www.381342.com-七乐彩什么好|