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天

知道了
安徽快3 www.915208.com-粵淘彩票主页| www.cp7747.com-福彩快3玩法技巧| www.sy93.cc-彩票平台那个好| www.42fd.com-看体彩排列三开奖| www.0150.com-彩色的贝壳造句| www.8189.wang-动态澳彩篮球赔率| www.37559.com-新华彩票77-| www.07hv.com-上期福利彩票开什么| www.1607.cm-天天爱彩票网页版| www.8407.com-丹东福彩双胆独胆| www.38973.cc-旺彩预测双色球预测| www.xu61.com-福利彩下载-| www.79kk.com-牛人彩票app下载| www.3575.win-棋牌注册送彩金38| www.01382.com-yy彩票手机客户端| www.024393.com-310win彩客网| www.126440.com-易中彩票网骗局| www.213817.com-河北快三计划软件| www.298837.com-豪彩下载-| www.382356.com-体育彩票大彩网| www.869469.com-查看彩票开奖的软件| www.962951.com-南方彩乐乐杀号专家| www.cai4646.com江苏体彩十一选五| www.nf02.com-皇都彩票信誉怎么样| www.02qg.com-世界杯彩票让胜| www.82nm.com-看陆和彩开奖的| www.2801.vip-快三分布-| www.9060.net-大庄家彩票网址多少| www.72002.com-单机彩票手机版| www.046518.com-天天彩网站-| www.137404.com-分分彩个位必中| www.226211.com-台湾福彩网站| www.308025.com-一分快三怎么倍投| www.387407.com-手机彩膜切割| www.551630.com-新浪足彩专家分析| www.655477.com-王牌彩票破解| www.758021.com-彩票网上刷流水赚钱| www.856888.cc-福彩3b字迷今天| www.931324.com-世界杯彩票投注规则| www.994650.com-竞彩足球单注上限| www.nk7.com-福彩三d走势图综合| www.rq47.com-5分钟开一期的彩票| www.18kt.com-彩票开奖结果选四| www.400.gg-手机发彩网网址| www.4505.hk-今天七星彩号码多少| www.02834.com-彩票中奖哪里领| www.71562.com-福利彩票怎样中奖| www.037891.com-500彩票下载安装| www.130033.com-彩票查询双色球走势| www.216055.com-买彩票的规律| www.295967.com-福彩开奖直播直播| www.372857.com-800万彩票客户端| www.535335.com-买彩票中奖窍门| www.625555.com-天天爱彩票世界杯| www.707987.com-送彩金的彩票大全| www.793028.com-河南安阳福彩5亿| www.872071.com-快三输了3000了| www.984518.com-福彩双色球自选号码| www.hj29.com-五分快三计划网| www.c07.vip-体彩游泳夺金走势图| www.823848.cc-双色球福彩app| www.959168.com-御彩轩免费版| www.cp406.com-大发快三平台出租| www.np85.com-异地买彩票中奖| www.32fd.com-周一福利彩票有哪些| www.1208.vip-中彩票最多次的牛人| www.8102.com-福彩每周开奖日期表| www.32002.com-彩票开奖时间几点| www.79302.com-体彩线上远程培训| www.035153.com-彩票倍数买太多| www.155668.com-好彩客客服-| www.254927.com-免费申请彩金| www.333056.com-500彩票手机版| www.410301.com-彩库宝典安软下载| www.520279.com-福彩双胆预测号码| www.590731.com-内蒙快三遗漏查询表| www.670208.com-海南四星彩论坛| www.751068.com-福中彩-| www.823682.com-彩娃-| www.878824.com-江西快3彩票下载| www.gh27.com-正规快三彩票| www.yu12.com-体彩陕西11选5| www.25pk.com-彩友多吧如何登录| www.823.cc-六开彩开奖直播现场| www.5178.biz-福利彩票快乐20分| www.06601.cc-华彩官方网站| www.52274.com-六全彩赌博量刑| www.96117.cc-福利彩票上班的流程| www.062678.com-吉林快三3天| www.198614.com-上海快三一定牛今天| www.271658.com-快三走势图表格下载| www.369248.com-河内5分投彩| www.462646.com-彩吧网p3试机号| www.553477.com-彩票名人-| www.620161.com-釉上彩作品-| www.691214.com-中福彩票平台怎么样| www.771730.com-时时彩单式做号视频| www.906111.cc-国模彩炮图-| www.969228.com-众彩网是不是骗局| www.vw0.com-五分彩官方开奖| www.qz28.com-足彩玩法8×28| www.04qf.com-安徽福彩彩中心| www.74dt.com-cb8彩宝安全吗| www.1139.cc-公益福彩亲情助学| www.8965.vip-彩票计划网站怎么做| www.43600.com-爱彩a22下载| www.86627.cc-衡阳市福彩中心| www.037313.com-彩经网打不开| www.139257.com-百盈彩票是什么平台| www.217286.com-贵州福彩快3下载| www.285816.com-亚彩票-| www.387514.com-解梦七星彩号码查询| www.509565.com-利盈彩票正规吗| www.577337.com-体彩17241开奖| www.650290.com-时时彩一帆风顺规律| www.758566.com-安徽体彩佣金| www.841788.com-烟台福彩中心电话| www.907309.com-合肥福彩中心官网| www.968482.com-中国彩票作弊| www.cp6630.com-快三计划群都是托| www.lj93.com-手机中彩网可靠吗| www.f90.net-中国人在美国买彩票| www.33wx.cc-兰州彩票店-| www.0827.xyz-哪里可以线上买足彩| www.7168.net-七彩假期小报| www.zl1.com-彩票开奖双色球时间| www.d74.net-海南体彩开心论坛| www.54iu.com-福彩三d大湖谜语| www.908.cn-彩库宝典安卓旧版| www.5158.in-体彩11选5和值表| www.03649.com-四川福利彩票双色球| www.48995.com-合肥十一选五爱乐彩| www.90217.com-财富赢家七彩图| www.049887.com-福彩旗下快开型彩票| www.246846.com-快三是哪里发行的| www.324624.com-香港球彩台有软件| www.390832.com-全彩漫画3d版| www.586845.com-南方双彩网大乐透了| www.657163.com-体育彩票游戏机| www.755678.com-旺彩开奖软件| www.841337.com-福彩怎样处理数据| www.905566.cc-开彩票店选址| www.964854.com-体彩20选5预测| www.cai5599.com内蒙古快三玩法| www.je99.com-湖南福彩中奖故事| www.yv64.com-云南省福彩-| www.17qu.com-澳门快三是什么彩| www.685.red-彩票先交税么| www.5149.org-彩票第一代理加盟| www.03940.com-沈阳福彩中心地址| www.44450.cc-彩票一期计划网| www.83568.cc-体育彩票阜阳中心| www.029682.com-安徽快三介绍| www.097744.com-中国福利彩票地址| www.158094.com-佬牛足彩18085| www.313342.com-快三跨度有什么技巧| www.376797.com-福彩3d走试图查询| www.501884.com-福彩领奖时限多久| www.565619.com-彩票两元网手机版| www.623781.com-体彩中奖提醒软件| www.686067.com-七星彩梦册解梦| www.753696.com-12号彩票-| www.862363.com-腾讯彩票开奖查询| www.906231.com-彩色饺子皮红色|