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天

知道了
江苏11选5 www.448695.com-长沙福彩网站| www.609655.com-98彩票网手机版| www.703809.com-竞彩足球可以跟单吗| www.798989.com-奔驰彩票8-| www.887525.com-下彩网怎么样| www.cai3400.com快三如何购买胆拖| www.pf42.com-彩宝贝郭果| www.15mo.com-安装万豪彩票| www.586.me-红单彩票站软件下载| www.5612.com-彩票软件交流群| www.21833.cc-彩票套彩金资源| www.72663.cc-彩谜天地图双色球| www.088593.com-新浪杨震足彩博客| www.168749.com-皖快三走势图| www.279339.com-福利彩票qq群| www.377161.com-97彩票彩种| www.513156.com-一个叫淘彩票的平台| www.595938.com-鑫彩网购彩大厅| www.678307.com-坛乐彩论坛手机版| www.768407.com-电信手机彩铃网站| www.894851.com-中国福利彩票公开奖| www.962920.com-中国彩票双色球下载| 众乐彩票www.305644.com| www.kg30.com-新彩网3d走势图| www.q39.com-测彩高手专家专栏| www.57oy.com-500彩票网的代理| www.1024.com-心博天下彩票| www.07559.com-中彩那天微型课视频| www.58402.cc-人人网彩票官方| www.094868.com-外围足彩哪里买| www.172187.com-体彩大乐透开奖结果| www.282425.com-长期盈利时时彩秘诀| www.378127.com-体彩序列号-| www.507888.com-唐龙快递彩图| www.588121.com-福利彩票号码预测| www.669208.com-福龙彩票网站| www.755839.com-彩6精华版苹果| www.872462.com-广东体彩app下载| www.954131.com-好彩蓝莓爆珠焦油量| 500万彩票www.5441s.com| www.ge79.com-一分钟快三投注平台| www.a13.top-中国福彩标志| www.33qr.com-章鱼体育彩票| www.1617.in-非凡彩票双色球| www.8841.cm-彩票app集中营| www.52132.cc-国外靠谱的彩票软件| www.99886.com-北京体育彩票站| www.077840.com-彩乐汇客户端下载| www.153920.com-北京福彩代理| www.286829.com-大淘宝彩票-| www.377161.com-97彩票彩种| www.505794.com-黑彩有人赚钱走吗| www.582622.com-手机看彩票软件| www.661592.com-足彩八串八什么意思| www.778540.com-酷彩app安全吗| www.872955.com-七彩网江苏快3| www.949692.com-福彩网平台软件下载| www.998408.com-北京彩票站转让信息| www.bi11.com-彩投-| www.ub71.com-今天七彩奖开奖结果| www.11fv.com-新彩技法-| www.84do.com-python彩票| www.2389.net-七星彩每期开奖结果| www.8533.top-中国竟彩网店内频道| www.69342.com-分分彩计划网| www.033185.com-网易彩票安卓下载| www.126419.com-创彩网真的能赚钱么| www.213819.com-彩神app是真的吗| www.295448.com-彩吧图谜全图| www.377303.com-天下彩票网-| www.599467.com-中彩票无耻亲戚借钱| www.680933.com-今日彩票推荐| www.766387.com-3d福彩藏机图今天| www.907886.com-合肥有多少个彩票点| www.966832.com-3d专家疯狂彩迷| 多乐彩票www.244646.com| www.mq77.com-江苏福彩快三是什么| www.14tp.com-彩宝广告图片| www.850.live-云南彩调电视连续剧| www.6432.cc-投注e乐彩-| www.22761.com-福彩3dqq交流群| www.97267.com-甘肃福彩3d查沟| www.097388.com-3cp彩票-| www.179257.com-江苏快三能赚钱吗| www.388243.com-彩票白菜什么意思| www.554753.com-买彩票亏了一万| www.631544.com-好彩头的意思| www.810921.com-彩票选1到几个号码| www.895965.com-彩票下载注册送彩金| www.963228.com-19031期足彩| 福利彩票www.99677b.com| www.iq81.com-七位数预测一彩乐乐| www.i24.host-百度福彩开奖号码| www.49ql.com-彩票返水日结app| www.0892.biz-彩票合买方案微信| www.00484.com-高频彩票资金分配图| www.66619.cc-彩票梦想站-| www.105757.com-时时彩宝典苹果老版| www.180478.com-快三大小单双| www.254792.com-时时彩大小单双口诀| www.331468.com-什么是七乐彩票| www.411123.com-唯彩看球官方版| www.518656.com-乐彩短信-| www.605499.com-全国福体彩开奖查询| www.669365.cc-彩票返佣骗局| www.753797.com-彩票12软件-| www.974972.com-彩票两元网走势图| www.wu08.com-微彩吧官网-| www.18af.com-七乐彩号码分析| www.190.com-彩铅画图片大全及| www.3754.xyz-南海七星彩头尾和数| www.21316.cc-1305彩票官方网| www.65095.com-彩娃彩票靠谱吗| www.067391.com-网上私彩举报| www.138704.com-时时彩代理的不归路| www.219483.com-高频彩票要取消吗| www.296111.com-湖北快三缩水| www.639295.com-转租彩票站注意事项| www.816569.com-快三豹子一注中多少| www.907014.com-彩票多少位数字| www.975954.com-安阳各地彩礼| www.nw13.com-中国福彩网开奖查询| www.04cp.com-福彩3d彩诗迷| www.77pg.com-葫芦娃论谈香港彩票| www.2759.cc-汉中福彩中心| www.9316.com-吉祥颜彩和凤凰颜彩| www.75660.com-彩票就是骗局| www.043779.com-中国福利彩票咋看| www.144466.com-老时时彩下载手机版| www.299071.com-57彩票-| www.371358.com-国家婚姻彩礼规定| www.475399.com-万金集团彩票合法吗| www.555510.cc-七星彩奖虫怎样打印| www.757433.com-胆拖彩票中奖计算器| www.873798.com-35彩票登录网址| www.956675.com-彩票疑云-| www.hy1.com-大赢家彩票官方网| www.sc93.com-竞彩500即时比分| www.14qz.com-广州立彩生物科技| www.574.cm-网上彩票代理怎么做| www.4626.biz-5a彩票app下载| www.07393.com-下载买福利彩票软件| www.67998.com-吉彩全部彩种| www.036581.com-福彩快乐彩12选五| www.125928.com-彩票赚钱是真的吗| www.200766.com-吉林新快三-| www.287197.com-yy彩票1960-| www.393385.com-彩票最高返点| www.534799.com-本期六开彩开奖结果| www.634666.com-宋代七彩建盏| www.746904.com-蓝色好彩烟-| 大赢家彩票www.799346.com| www.sn93.com-时时彩免费开挂软件| www.65si.com-hao一分彩票| www.0885.cc-下载福体彩开奖结果| www.03598.com-买足球彩票的技巧| www.47668.cc-搜神传好彩妹配音| www.89653.com-三分幸运快三技巧| www.080112.com-梦见死人七星彩号码| www.163014.com-大快三三同号技巧| www.267666.com-彩票稳赚-| www.356581.com-金凤凰彩票投注网| www.440820.com-彩钢板加工机械| www.536423.com-美国有哪些热门彩票|