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.cai130.com-湖北福彩快三查询| www.56gl.com-五彩绳-| www.852329.com-怎么谈结婚彩礼| www.999149.com-彩乐汇是黑平台吗| www.is43.com-福利彩票吧-| www.30303.cc-淘之家彩票是骗局吗| www.970356.com-优乐彩下载| www.590181.com-竞彩单场固定平胜| www.819292.com-广州集贤庄彩票吗| www.065533.com-108彩票-| www.216554.com-民间买彩票中奖咒语| www.757397.com-网上即开型彩票作弊| www.951663.com-彩天下是不是坑人的| k3k3彩票www.602852.com| www.mo72.com-彩票送38元-| www.12363.com-广州市体育彩票兑奖| www.722.win-今日竞彩最温胆| www.81806.com-鳯彩时时彩信誉平台| www.102306.com-彩票计划网站86| www.261713.com-足球竞彩澳客网| www.990324.com-彩票翻倍计算器| www.41413.com-彩虹六号腾讯官网| www.697617.com-彩票资料免费之大全| www.51bm.com-足彩缩水软件管用吗| www.3886.com-竞彩14场开奖奖金| www.25523.cc-彩客吧下载-| www.980322.com-27彩票-| 爱购彩票www.343552.com| www.854.win-多彩网开奖开奖结果| www.280587.com-竞彩足球比分真播| www.408297.com-七星彩福星-| www.978241.com-彩钢板成都-| www.ln96.com-怎样买彩票-| www.8305.vip-彩友吧彩民的家| www.063561.com-o2o私彩代理| www.556808.com-vr竞速彩票平台| www.626258.com-聚鑫国际彩票| www.747787.com-彩运宝客服电话| www.892419.com-下载旺彩彩票| www.993995.com-最赚钱的彩票| www.06.cn-分解断组乐彩排列三| www.819.live-彩票开奖延时| www.629255.com-彩民预测-| www.830852.com-新彩网站手机网| www.144038.com-竞彩盘口规律| www.227173.com-江西快三跨度表| www.28226.com-天下彩天空彩免费资| www.506788.com-唐三彩彩票app| www.13ng.com-中彩网.com-| www.61885.com-今福彩开结果| www.6963.me-cp77趣彩测试| www.366994.com-体育彩开奖记录| www.71491.com-买彩微信群-| www.358101.com-破译彩票编程| www.576800.com-天天彩票银行卡解绑| www.761219.com-体育彩票二串一规则| www.024437.com-福彩30选5结果| www.115801.com-彩虹周杰伦2007| www.189912.com-河北彩票快3走势图| www.253976.com-昨天快三走势图85| www.981049.com-彩八彩票下载地址| www.zy32.com-上海体彩兑奖中心| www.0093.org-春秋彩票输钱了| www.397434.com-排列三牛彩字谜打卯| www.my06.com-安徽快三预则一定牛| www.12360.com-下载京彩app下载| www.731316.com-易彩堂平台安全吗| www.792093.com-福彩什么是码积| www.247607.com-彩票平刷王-| www.9847.biz-方和彩一-| www.46976.com-500彩票分分彩| www.006304.com-九州彩票平台网址| www.827353.com-苹果x原彩显示没有| www.7727.xyz-大千娱乐彩票可信吗| www.002272.com-三地彩票定胆杀号| www.119627.com-福彩3d黑圣手图谜| 500彩票www.549077.com| www.37.com-福彩3d报纸彩图版| www.123.live-彩霸王三肖-| www.321082.com-特区彩七星彩论坛| www.cp2869.com-福彩快3规则| www.142041.com-中国福利彩票怎么算| www.218275.com-十选五彩票-| www.hi81.com-快三技巧心得| www.007725.com-3g乐彩网-| www.128244.com-外蒙快三骗局揭秘| www.593055.com-彩票赔率怎么算奖金| www.si62.com-时时彩4星走势图| www.238.com-实体彩票店发展| www.4185.com-7c77cc七彩网| www.24vy.com-华章溢彩-| www.74ia.com-吉彩宝彩民客户端| 彩天下www.c1370.com| www.fo42.com-江苏e球彩开奖情况| www.78946.cc-史上最大彩票资讯网| www.88566.cc-彩票站兑奖会被骗吗| www.630425.com-齐乐彩开奖-| www.457228.com-彩票中奖了语录| www.531626.com-彩票双色球中蓝色球| www.595100.com-新的双彩论坛| www.9623.org-星彩3论坛-| www.4963.top-彩猫科技-| www.13934.com-彩票是私人的嘛| www.148880.com-小米彩票官网登录| www.25708.com-巨彩彩票jc-| www.802357.com-竞彩网让胜乎负| www.972418.com-人物彩铅画大全| www.cai9292.com北京体彩11选5| www.wo58.com-人人中彩票左脸| www.452125.com-体彩七星彩开奖记录| www.562763.com-体彩大乐透三位数| www.644659.com-118彩票安卓网站| www.fw30.com-手机彩票投注站官网| www.700601.com-竞彩足球兑奖| www.78hx.com-彩名堂下载地址| www.zk6.com-广西快三投注网站| www.up32.com-36全国彩票开奖| www.58kc.com-江苏快三有赢的吗| www.211312.com-江苏体彩七位数开奖| www.874616.com-山东福彩网下载| www.961710.com-手机怎样买彩票| 99福彩www.761996.com| www.879265.com-易彩线路测速中心| www.962332.com-新3d彩票怎么买| www.cai1950.com河南快三推荐号| www.48ua.com-广州快乐十分彩乐乐| www.592.cc-彩友是什么-| www.3987.biz-彩票精准预测软件| www.928611.com-竞彩258店主版| www.13777.cc-足彩19053推荐| www.336062.com-私彩怎么玩-| www.467920.com-一元猜大小的彩票| www.594673.com-乐彩彩票是真的吗| www.682851.com-彩票自助终端机骗局| www.773120.com-打鱼送彩金27| www.987323.com-福彩大赢家走势图| www.hs23.com-快三一定牛吉林| www.21939.cc-中国人福利彩票网| www.11800.com-泰国彩票玩法| www.q70.org-福利彩票.com| www.809598.com-必赢彩票正规吗| www.895413.com-华彩骗局-| www.955007.com-瑞彩祥云输钱| www.999707.com-福利彩票图谜字谜| www.fi7.cc-上海福彩快3走势图| www.887978.com-香港足智彩网站| www.ch30.com-快彩网骗局-| www.44wi.com-uc彩票28-| www.4995.biz-机选彩票中奖概率| www.78810.com-福彩贴吧交流| www.391672.com-印尼时时彩官网开奖| www.217188.com-福建体育彩票31| www.80mg.com-彩票店招聘彩票员| www.988898.com-手机大小球彩票软件| www.35680.cc-头条彩票中国彩| www.085603.com-安徽福彩彩票| www.wz57.cc-上海快三官方版| www.2315.wang-福彩丹东图-| www.63623.com-福彩三天计划的| www.059236.com-浙江温州快三| www.165536.com-福利彩票发行| www.0172.live-彩票国彩快3| www.087236.com-3d福彩走势图带线| www.316726.com-今日双色球彩民乐图|