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.221975.com-彩票概率学-| www.057369.com-今天开啥彩票双色球| www.802013.com-体福彩开奖查询| www.917260.com-必赢彩票跑路| www.980867.com-福彩店怎么盈利| www.3009.cm-香港酷彩专柜| www.753773.com-中彩网十分快三| www.907062.com-六位数的彩票网赌| 必发彩票www.755806.com| www.172263.com-大发快三大小破解| www.872806.com-汕头彩票一等奖| www.959045.com-99彩票官方通道一| www.cp3112.com-街机新快三下载| www.629930.com-76c彩票登录网址| www.249460.com-刮刮乐彩票app| www.9688.hk-体彩大7刮刮乐| www.07505.com-中彩啦客户端| www.85787.com-中国彩钢板十佳品牌| www.057791.com-辽宁快三官网| www.nn59.com-澳客网竞彩比分| www.7va.cc-中奖彩票回收| www.365286.com-体育彩票牛人| www.922469.com-国家级足彩培训师| www.jl28.com-快三彩票助手软件| www.391716.com-搜狐足球彩票推荐| www.326390.com-哪种彩票星期六开奖| www.540511.com-体彩金码关注码今天| www.698430.com-hk百彩网免费大全| www.810779.com-七乐彩中奖表图片| www.909227.com-福彩小熊猫字谜| www.994518.com-体彩19017排五| www.36wh.com-万人彩彩票-| www.9657.wang-重庆时时彩b盘| www.883627.com-辽宁快乐12爱彩乐| www.019478.com-3d012乐彩-| www.029110.com-亿彩堂app苹果| www.121672.com-百合网上女的玩彩票| www.xc09.com-南国彩票七星彩开奖| www.95uh.com-圣彩票-| www.036011.com-福彩刮刮奖广告语| www.9558.bid-狂欢彩票香港49| www.756529.com-体彩票上的字母数字| www.067738.com-时时彩搭建出租| www.181608.com-湖北快三预测图| www.267879.com-彩色混凝土价格| www.362073.com-玩彩票钱提不出来了| www.t04.biz-六福彩票彩金专员| www.458843.com-张掖彩票解太湖| www.384966.com-彩票王网站-| www.547604.com-盛兴博彩-| www.629037.com-快三和值怎样稳中| www.748495.com-红彩彩票安卓版| www.887850.com-七星彩历史号码| www.cp0024.com-快彩-| www.731610.com-江苏快三怎么刷水| www.11jj.cc-网上彩票软件靠谱吗| www.726267.com-河北省体彩兑奖中心| www.904282.com-快三豹子开出迹象| www.979081.com-九万彩票app安卓| www.cs28.com-怎样加盟体彩投注站| www.7203.com-a7彩娱乐下载| www.138.in-带彩虹歌曲有哪些| www.331764.com-乐彩静态版-| www.669078.com-彩色混凝土施工做法| www.956325.com-七星彩1开奖| www.62110.com-体彩今日字谜总汇| www.982205.com-贵阳福彩网-| www.ak22.com-七星彩下期预测号码| www.050101.com-福彩与体彩公益行为| www.164669.com-买彩票的群是真的吗| www.769.xyz-头彩彩票app下载| www.427846.com-足彩十四场过滤软件| www.275037.com-体育彩票七位数规则| www.583.live-亚彩联盟app| www.860342.com-越南时时彩专业版| www.959401.com-河北快三出号统计图| www.cp1676.com-十分快三计划预测| www.588717.com-福彩双色求走势| www.720900.com-彩票2元彩-| www.963325.com-七星彩基本走走势图| www.cai3339.com怎么看快三下期跨度| 百姓彩票www.bxcp3.com| www.965957.com-马会彩经一码书下载| www.bs36.com-彩票过滤软件有用吗| www.v10.mobi-唯彩双色球杀号定胆| www.47vx.com-卖福利彩票书的| www.266947.com-中华彩票注册邀请码| www.874122.com-体育彩票查询号码| www.347.com-国外彩票平台| www.618701.com-在一个网站上打彩票| www.707334.com-彩神通金码关注码| www.841627.com-七乐彩杀号全对公式| www.573695.com-中兴彩票app下载| www.937272.com-鸿博彩票安卓下载| 818合彩www.www.8000hc.com| www.98923.com-财神时时彩计算软件| www.93937.com-竞彩收米动态图| www.627155.com-ios买彩票app| www.207701.com-天下彩票大全| www.965320.com-购彩网邀请码是什么| www.hw51.com-河北快三走势跨度图| www.x86.org-澳彩盘口-| www.54co.com-福利彩票中奖案| www.cp2280.com-uu快三开奖骰子| www.vi54.com-买体彩大乐透| www.04np.com-足球竟彩比分直| www.85qd.com-足彩过年停售时间| www.3002.pw-齐鲁风彩彩票照片| www.89028.com-体育彩票自动销彩机| www.105557.com-彩宝彩票app骗人| www.219846.com-新彩吧3d走势图| www.00995.com-安卓精英彩票| www.69507.com-京彩娱乐手机版下载| www.wl94.cc-凤凰彩票是真的吗| www.852139.com-体育彩票排列5玩法| www.546738.com-中国体育彩竞彩网| www.071627.com-足彩欧赔铁律| www.496748.com-神彩88nmcc| www.124433.com-鼓励彩票-| www.234163.com-网赌彩票-| www.346033.com-快3福彩开奖号码| www.2088.bid-安徽22期快三开奖| www.13wv.com-彩票一等奖中奖规则| www.2168.in-彩票33提现不到账| www.112097.com-泰安彩票-| www.090455.com-买重庆时时彩app| www.669452.com-3d福彩中了一个号| www.550063.com-网上可以足彩吗| www.3061.biz-慧扑彩彩票网| www.cz24.com-安装588彩票网| www.863223.com-彩票官方接口| www.540510.com-福利彩票金码| www.306408.com-职业彩票玩家高频彩| www.501657.com-体彩刮刮乐数字代码| www.297617.com-甘肃省体育彩票十一| www.383551.com-黄家彩世界下载| www.721999.com-怎样做福彩快三| www.973874.com-买彩票倍投什么意思| www.hv48.com-北京快彩开奖| www.40oo.com-七星彩老鼠精总版| www.578028.com-腾讯分分彩龙虎| www.639514.com-福彩发行中心主任| www.673818.com-彩客竞猜彩票分析| www.54308.com-时时彩刷漏洞真的吗| www.116006.com-体彩14场中奖规则| www.772599.com-秒秒时时彩太假了| www.190158.com-安徽快三豹子遗漏| www.169520.com-体彩排列三走势图| www.2795.top-彩票图片-| www.53pz.com-华盈彩票app| www.770608.cc-正规最大时时彩平台| www.863758.com-彩票开奖千-| www.l88.top-彩经网3d组选杀号| www.997125.com-福利彩票快3预测| www.fv68.com-时时彩骗局举报方法| www.r14.com-博大彩票是正规的么| www.139674.com-网络彩票是赌博吗| www.386153.com-彩网123-| www.507539.com-专注双色球彩吧论坛| www.564758.com-河南省体育彩票官网| www.03ax.com-体彩是什么频道| www.99sa.com-双色球彩票历史| www.2836.vip-常平彩乐糖果厂| www.537523.com-明日之后彩色字体|