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天

知道了
彩39彩票安卓 www.sk8.com-上海体彩中心在哪啊| www.552284.com-爱彩乐时时彩开奖| www.661344.com-全天重庆彩在线预测| www.756921.com-彩乐522-| www.879855.com-大发彩票是不是黑网| www.960245.com-淘彩app是骗局吗| 大赢家彩票平台www.136025.com| www.ne47.com-安微福彩快3| www.57zw.com-澳彩即时赔率| www.1899.in-体彩竟彩开奖时间表| www.8236.top-快江苏快3快彩乐| www.39135.cc-中彩网是假的吗| www.331245.com-高频彩联盟开奖记录| www.457488.com-高频彩有没有漏洞| www.566145.com-安徽体彩网官方首页| www.643444.com-中华彩票报电子版| www.732448.com-体育竞彩赛果| www.810925.com-北单竞彩官网app| www.887713.com-什么彩票网靠谱| www.956531.com-彩票越玩越输| 大赢家彩票网www.83033w.com| www.pb97.com-三分快三怎么看走势| www.47qa.com-体彩大乐透兑奖方法| www.5855.me-彩票二维码能兑奖吗| www.30392.com-体彩2009走势图| www.80900.com-山东体彩手机版官网| www.100366.com-可以买时时彩的网址| www.188374.com-安徽快三是不是诈骗| www.9744.net-双色球万彩吧荐号| www.000692.com-下载多彩网-| www.68719.cc-廊坊彩票站广阳区| www.1282.bid-贵州快三结束时间| www.9376.vip-七星彩开奖结开奖果| www.58980.com-福利彩票福彩3d诗| www.430412.com-彩吧助手手机版| www.540050.com-96彩票苹果-| www.648771.com-跨国彩票-| www.726391.com-大家乐彩票彩种| www.805862.com-福彩刮刮乐中奖技巧| www.883881.com-体彩排列三四码遗漏| www.0086.pro-排三牛彩字谜| www.7679.xyz-彩票英文字母含义| www.45379.com-祥云彩彩票合法吗| www.803789.cc-微信群买彩票可靠吗| www.904038.com-京东彩票app下载| www.977351.com-彩票哪个软件靠谱| www.9209.in-彩虹精化股票分析| www.50810.com-888彩票123-| www.tj19.com-快3彩票怎么样| www.67ot.com-彩光祛斑会有疤吗| www.5603.vip-彩票程序源码论坛| www.790043.com-青海体育彩票| www.72621.com-体彩顶呱刮中奖编号| www.2586.me-牛人彩票app| www.03980.com-十四彩怎么玩法| www.73055.com-快三二同号| www.022859.com-排三彩吧助手| www.106600.com-体彩足彩竞猜玩法| www.185310.com-江苏快三彩票靠谱吗| www.365349.cc-网上体彩停售| www.511633.com-大地彩票软件下载| www.510475.com-歌曲彩虹的约定儿歌| www.102315.com-加拿大快彩-| www.260908.com-福利彩票字谜| www.439413.com-厦门体彩转让信息| www.539976.com-快乐彩助手-| www.619952.com-体彩违法事件| www.705299.com-福利彩票兑奖金额| www.945811.com-足彩胆拖玩法介绍| 818合彩www.www.5666hc.com| www.nk65.com-唯彩竞彩网-| www.54dz.com-怎样辨别彩票的真假| www.3844.cn-7星彩开奖走势图| www.02032.com-彩经彩票骗局| www.110341.com-原福彩中心主任| www.180709.com-全能中彩彩票安全吗| www.255785.com-旺彩双色球苹果版| www.339512.com-彩票中奖兑换小奖| www.411999.com-随洲福彩快三论坛| www.545125.com-武汉福彩机转让| www.605970.com-彩乐园lll-| www.665723.com-新彩平台-| www.744040.com-中彩网彩票走势图| www.945320.com-双福彩票网-| 彩票驿站www.2350o.com| www.rk39.com-彩票最多反水多少| www.19ql.com-买彩票是几位数| www.8955.cc-二四六天天彩天下| www.99131.cc-时时彩推广技巧| www.089035.com-休彩票-| www.1142.in-熊猫竞彩下载| www.07606.com-中彩那天课文生字| www.59548.com-彩票开奖最快的软件| www.024385.com-投注彩票app| www.125008.com-腾讯5分彩开奖| www.257915.com-比较好的ios彩票| www.334064.com-网络彩票不能提现| www.sp35.com-610彩票官网| www.22if.com-华军软件园bb彩票| www.083621.com-双色球彩妹杀号| www.698411.com-漫画彩虹是什么意思| www.779407.com-福彩开奖预测结果| www.875306.com-微彩彩票靠谱吗| www.978743.com-500万块3彩票网| www.cai5506.com甘肃快三开奖走势图| www.id42.com-怎样制止老公买彩票| www.yt28.com-我要中彩app下载| www.678895.com-欧冠足彩攻略| www.751178.com-今期四不象彩图| www.810582.com-哪个软件买彩票可靠| www.038903.com-内蒙体育彩票| www.150101.com-连中彩票新版| www.259885.com-彩票8816-| www.365881.cc-体彩排列三号码遗漏| www.83861.cc-传奇彩票可靠吗| www.081039.com-uu彩票倒闭了| www.475186.com-彩盛彩票网站| www.566378.com-彩虹6号加速器节点| www.631762.com-七彩虹是什么生肖| www.708332.com-blued彩票-| www.787279.com-江苏快三真假| www.856323.com-今期足彩冷门| www.981042.com-北京七彩集团| www.2325.net-七乐彩连线走势图| www.0512.me-新彩票网址-| www.022201.com-有一分钟开的彩票吗| www.114661.com-时时彩抢眼人工计划| www.17687.com-505彩票走势图| www.59926.cc-竞彩足球串关玩法| www.145679.com-中国足彩竞彩官网| www.588017.com-购彩vapp-| www.659730.com-七天娱乐时时彩平台| www.oi10.com-福彩3d晚秋和值谜| www.29aj.com-体彩有几种投注方式| www.94kx.com-本期七星彩彩缘之星| www.2060.live-爱彩人彩票网大乐透| www.6900.top-七彩山鸡养殖利润| www.11719.com-中国合买彩票下载| www.47199.com-手机上买彩票那里买| www.97365.cc-818彩票资讯| www.011112.com-手机上买彩票网站| www.cai9977.com贵州快三推荐| www.vt82.com-惠民彩票-| www.13uu.com-福彩快三查询表| www.0979.date-新浪足彩专家分析| www.488936.com-阿狸彩票微博| www.ey16.com-时时彩ios版| www.o18.com-玩彩网app-| www.50vo.com-下载个彩票双色球| www.794.pw-彩虹c调扫弦吉他谱| www.4691.biz-万国彩宝官网| www.09682.com-金钱彩票-| www.477281.com-足彩单关配玩法| www.551812.com-苹果快三-| www.654054.com-福彩12选5中奖号| www.706893.com-手机制作彩票app| www.892608.com-旺彩娱乐会所| www.955266.com-80彩app下载| www.991048.com-3d中国彩吧图| www.iq33.com-手机乐乐彩-| www.030045.com-海南四码彩票兑奖| www.101585.com-噢客彩票网-| www.81789.com-网络吉林快三合法么| www.040029.com-福彩双色球合买方案|