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.861932.com-体育彩票店的图片| www.977489.com-加盟彩妆连锁店| www.jb39.com-彩票3d玩法介绍| www.k39.cm-掌上购彩七天彩平台| www.48qd.com-三国杀张星彩削弱| www.606.cm-幸运5分彩平台| www.3980.biz-澳门博彩体育彩票| www.9927.red-七乐彩下期专家预测| www.96794.com-湖南假彩票案| www.069513.com-财神讲彩专栏| www.140105.com-258彩票网-| www.227571.com-北京市福彩快3助手| www.306936.com-韩国足彩-| www.382128.com-彩仙阁软件app| www.560189.com-体育彩票三d试机号| www.637788.cc-体彩双色球中奖号码| www.737268.com-众彩网程远杀号| www.813979.com-体彩晚秋-| www.889026.com-彩票斩龙-| www.984431.com-彩票大师免费下载| www.lb24.com-234彩票登陆| www.n37.net-中奖彩民故事| www.47pz.cc-盈彩吧app下载| www.781.space-香港中特彩民之家| www.5158.gg-韩国彩票中奖号| www.07223.com-广西彩票开奖查询| www.73747.com-世界杯彩票哪里买| www.036356.com-彩票榜代理-| www.2038.vip-青岛市彩票兑奖中心| www.13582.cc-胜负彩比赛-| www.72406.com-快三彩票大小单双| www.087756.com-体育彩票号码| www.168333.cc-1分快3彩票官网| www.286688.com-彩票怎么买谁教教我| www.373359.com-体彩100期开机号| www.494494.com-中国博彩app| www.568763.com-时时彩经验-| www.640556.com-环彩国际app| www.752932.com-重庆福彩手机报官网| www.838586.com-澳彩欧赔转换亚盘| www.908940.com-快彩平台怎么样| www.972075.com-豪门彩票-| www.ig2.com-浙江福彩快乐彩| www.pk14.com-福彩3d可信吗| www.00uf.com-上海彩选4-| www.71lw.com-高频彩有没有漏洞| www.1228.wang-彩神高手论擅| www.9180.cc-七乐彩开奖结果开| www.46357.com-彩票站福彩几点封机| www.92644.com-海安彩票大奖| www.055485.com-做梦梦到数字买彩票| www.155985.com-好彩客网页版网址| www.238810.com-彩金套利教程| www.314732.com-成都七彩网-| www.386650.com-3d家彩论坛杀号| www.529472.com-彩宝贝彩票杀号定胆| www.611899.com-彩票店如何盈利| www.681909.com-用什么买彩票官方| www.761229.com-阳光彩票是骗人的吗| www.866493.com-福彩3d出啥号码| www.931056.com-南洋彩哪里看开奖| www.984825.com-500时时彩登录| www.bt94.cc-河南快三实时结果| www.sx42.com-个性彩票名字| www.10sk.com-广西风彩广西福彩网| www.963549.com-实体店买足彩的流程| www.en43.com-旧版乐彩客下载安装| www.d63.cc-福建体彩直播现场| www.35ho.com-彩票分析家破解版| www.3081.biz-临汾彩票店转让信息| www.8770.in-神经网络预测彩票| www.49314.cc-红旗彩票中彩| www.91832.cc-中彩那天课文分段| www.049437.com-所有彩票教学视频| www.143856.com-竟彩足球-| www.216004.com-91彩票计划app| www.287580.com-福体彩开奖结果| www.385666.cc-合一彩票官方网站| www.520961.com-快三组合号有哪些| www.619967.com-彩票业是不是邓家的| www.688148.com-福彩3d交流群| www.761476.com-北京7星彩开奖号| www.874937.com-娱乐平台彩票有哪些| www.952099.com-qq彩票谁代理的| www.991928.com-大发快三精准预测| www.cp3588.com-彩票店可以买快三吗| www.67288.cc-盐城市福彩中心地址| www.059770.com-福彩网怎么玩| www.137943.cc-凤凰购彩平台官网| www.237645.com-14场胜负彩-| www.318743.com-快三微信群骗局揭秘| www.390221.com-彩票中奖多久后失效| www.569167.com-给彩金的彩票| www.637602.com-七星彩开奖列表| www.731910.com-彩色压印地坪批发商| www.802799.com-198彩注册平台| www.876321.com-环球彩票app下载| www.961234.cc-广州鸣彩公司官方网| 购彩网www.08gcw.com| www.ce55.com-玩快三能挣钱吗| www.sm42.com-彩96彩票-| www.15oe.com-c27彩票登入| www.92ma.com-澳洲快三预测| www.2425.in-中中彩之家-| www.7869.pw-竞彩必杀组合| www.23661.cc-彩票分析师生存现状| www.63488.com-福彩图迷字谜| www.055344.com-彩票中奖符头像| www.130503.com-农村彩礼-| www.200103.com-智慧彩挂机-| www.266320.com-河北体彩任三遗漏| www.365251.com-彩票平台带大发快3| www.445621.com-做彩票任务平台| www.530329.com-时时彩四码技巧| www.626008.com-9购彩票是不是骗局| www.690903.com-手机彩票网投平台| www.762455.com-彩富网最快报码系统| www.864511.com-人人彩票怎么玩法| www.921363.com-彩神vl是真的吗| www.974168.com-福彩吧登录-| www.285018.com-彩票店开在哪里最好| www.358011.com-福彩刮刮乐国泰民安| www.434750.com-彩票双色球直播开奖| www.521565.com-体育彩票去哪里好玩| www.581327.com-体育彩票几位数| www.645133.com-浙江体彩到哪领奖| www.763523.com-华宇彩票提现不到账| www.840685.com-利民彩票_app| www.897808.com-分分彩经验-| www.960528.com-558赢彩下载| 万利www.32123z.com| www.bm59.cc-500彩票邀请码| www.qt99.com-于海彩票案结局| www.04rv.com-彩铅教程视频| www.63bq.com-安全彩票o2o系统| www.840.live-时时彩个位选数| www.4220.cc-七彩时时彩-| www.8965.loan-彩票定胆公式| www.61214.com-500彩票破解器| www.012078.com-多彩宝app下载| www.067082.com-福彩快3官方直营网| www.123583.com-3d彩宝贝-| www.183773.com-福彩3d彩吧-| www.239597.com-王者彩票诈骗手法| www.306800.com-彩播直播软件| www.376117.com-11选5辽宁体彩网| www.582031.com-齐中网彩天下| www.641033.com-天空彩票金彩网| www.723977.com-福彩在线下载安装| www.788074.com-江西赣州彩礼| www.850427.com-最新胜负彩奖金| www.892177.com-大奖彩票官网| www.941448.com-如何找彩票玩家| www.983832.com-众彩网专家预测总汇| www.lp96.com-中彩网怎么提现| www.zz11.com-中国竞彩网点| www.15kj.com-极速赛车彩票网站| www.0226.xyz-彩神通试机号金码| www.5450.net-中国福彩黑幕| www.9719.loan-福彩500app-| www.51007.cc-西安彩票投注站加盟| www.85996.cc-彩铝板彩钢板| www.028149.com-彩票net-| www.090278.com-分分彩出号规律技巧|