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.6482.vip-苏宁小店彩票| www.667293.com-香港五分彩-| www.767788.com-全球彩票网站哪个好| www.874251.com-秒秒彩立即开奖| www.957816.com-大发时快三网址| 大赢家彩票平台www.632750.com| www.846502.com-足彩比分投注规则| www.490000.com-七乐彩今天几点开奖| www.793020.com-彩票与投资-| www.931222.com-百度乐和彩走势图| 幸运彩票www.73166.com| www.579904.com-七星彩+开奖| www.110485.com-鸿运彩票邀请码| www.981469.com-易彩彩民-| www.ca37.com-快彩乐官网-| www.ze84.com-江苏e球彩奖金| www.901311.com-福彩3d全部断组| 9928彩票www.9928l.com| www.il05.com-中国彩票下载安装| www.912196.com-极速快三正规的吗| www.558961.com-彩虹屁夸帅-| www.646832.com-稳赚不赔的彩票玩法| www.718261.com-山东体彩客户端| www.778043.com-江苏体彩19054| www.056023.com-彩票十二生肖叫啥| www.151556.com-福彩返奖比例| www.221879.com-彩票上瘾的症状| www.308304.com-体彩第19050期| www.296928.com-神圣彩票平台| www.389625.com-七星彩头尾杀码平台| www.507526.com-9号彩票测速| www.577987.com-开黑彩票判多少年| www.717895.com-国家彩票杂志| www.803388.com-有没有彩票计划群| www.890157.com-nba彩票258-| www.972183.com-百度彩票开奖大厅| www.18db.com-中了彩票去哪里领取| www.066824.com-永利博彩-| www.326296.com-福彩3d之家-| www.596311.com-成功彩票对打套利| www.688044.com-极速彩app下载| www.777470.cc-澳客赢家彩票苹果| www.871730.com-快三微信二维码| www.977269.com-新婚姻法彩礼多少| www.bg62.com-利记博彩app| www.xd87.com-福彩3d跨度和值表| www.lb5.cc-安徽快三彩票| www.g20.me-万彩吧周二四六开奖| www.509900.com-500彩票官方运营| www.670648.com-彩票平台吧-| www.777149.com-怎样看快三规律| www.878340.com-3d预测牛彩网小微| www.950943.com-福利彩票足球| 网易彩票www.07163r.com| www.oj52.com-长春市福彩中心电话| www.0068.net-时时彩属于福彩吗| www.30263.com-福运彩是合法的吗| www.038098.cc-八9彩票-| www.9680.in-重庆时彩牛牛平台| www.49452.com-蓝海娱乐彩票| www.282523.com-彩票老师带人可信吗| www.985961.com-今天彩报图库| www.cm09.com-湖北快三遗漏号| www.c95.top-彩视怎么能注册| www.54lf.com-快三49期-| www.607790.com-湖南排列三彩民论坛| www.691521.com-四川体彩网上怎么买| www.073898.com-精彩彩票-| www.200618.com-昨天福彩中奖号码| www.379742.com-福彩内部-| www.2346.vip-皇都彩票讨论群| www.862723.com-我的彩票开奖规则| www.995984.com-足彩19050预测| www.jk07.com-全民快三是真的吗| www.23rh.com-韩国彩票简介| www.064904.com-永盛国际彩票骗局| www.768817.com-浙江体彩票-| www.62915.cc-立彩app官网| www.052995.com-足球彩票app下载| www.18223.com-盛澳竞彩计划| www.587061.com-福彩七乐彩预測| www.678843.com-送彩金的游戏平台| www.898498.com-福利彩票扫一扫| www.973594.com-快三和值怎么看| www.ki0.com-河南快三app下载| www.6875.net-好彩1871双爆珠| www.38958.com-彩神是不骗-| www.893801.com-安徽快三平台下载| www.220107.com-老快三专家杀号定胆| www.299708.com-快三彩票内蒙下载| www.378901.com-36选7好彩3公式| www.537266.com-彩色的颜色是什么| www.665598.com-星空彩票手机网址| www.791457.com-内蒙古快三和值| www.885570.com-利彩彩票工具下载| 博友彩www.371k.cc| www.358795.com-新浪彩票2018版| www.374587.com-好彩1技术选号| www.26856.cc-彩客网开奖信息| www.590656.com-福彩3d高级会员图| www.092228.com-一分彩是假的吗| www.371627.com-掌上购彩七天彩网址| www.503397.com-鸿博彩票平台| www.578550.com-柒鑫彩票是不是假的| www.644168.com-万彩双色球走势图| www.701960.com-竞彩足球比分网直播| www.768313.com-体彩山西十一选五| www.824377.com-明三彩-| www.882754.com-福彩基诺走势图| www.941162.com-大发快三代理如何做| www.981365.com-亚洲彩票是真的吗| www.hm6.com-玩快三挣钱犯法吗| www.np13.com-时时彩做号工具手机| www.s83.com-彩票双色球中5个了| www.467346.com-彩票投注计算| www.95296.com-七乐彩双色球区别| www.53776.cc-非凡彩票充值| www.103084.com-预测快三软件| www.98640.com-365约彩-| www.055676.com-全发彩票彩种| www.017063.com-安徽快三一天多少期| www.088709.com-福彩在线怎么下载| www.144013.com-鼎盛彩票手机登录| www.316210.com-旺彩31-| www.195293.com-河南省福彩网快三| www.855889.cc-福州彩票定位胆| www.127720.com-彩虹宝宝彩虹堡| www.199753.com-福彩直播现场直播| www.235999.com-五百彩票网官网| www.396470.com-礼拜6什么彩票开奖| www.866283.com-体彩在线投注app| www.158160.com-今天体育彩票中奖号| www.bv54.com-鬼谷子福彩3d预测| www.556137.com-乐彩神可靠吗| www.539736.com-大地彩票安卓版| www.66289.cc-排列三走势囹彩经网| www.277533.com-七星彩没人买了| www.369291.com-河内5分彩开奖规律| www.488444.com-喜喜彩是什么| www.576625.com-御彩轩计划官网| www.669596.com-易经与彩票-| www.qn29.com-七星彩开奖号码查询| www.558306.com-用彩色铅笔画画简单| www.989881.com-彩吧助手开奖公告| www.wo37.com-广西福彩官方客户端| www.78xn.com-竞彩管方欧赔| www.6991.cc-中国体育彩玩法说明| www.017043.com-华夏彩票1分钟开奖| www.53eh.com-彩票法律法规开始| www.1925.cn-河南彩票官网| www.7234.cn-彩虹棋牌脚本| www.34754.com-搜福彩三d开奖号| www.73375.com-兼职彩票群跟买彩票| www.98622.cc-重庆腾讯5分彩| www.698458.com-嘉兴体彩管理中心| www.830981.com-新彩网手机版的吗| www.cp8178.com-快三倍投计划表格| www.67852.cc-体彩算不算赌博| www.4872.net-福彩怎么算才能中奖| www.0003.link-t135cc天空彩| www.431255.com-时时彩后三缩水做号| www.911913.com-9彩500-| www.46839.com-河北快彩11选五| www.025481.com-吉林快三盘-|