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.598365.com-极速快三购买技巧| www.751707.com-彩票出号易学原理| www.896605.com-500彩票漏洞赚钱| www.975098.com-查福彩3d开奖结果| www.uy81.com-人人彩网站-| www.18ts.com-七乐彩几点出奖| www.0190.cc-苏州体彩中心地扯| www.8472.vip-博友彩合法吗| www.55698.cc-如何买双色球彩票| www.011027.com-乐8网彩网址| www.092382.com-足彩胆拖玩法介绍| www.172375.com-今天喜乐彩中奖查询| www.302651.com-大中华彩票一分快三| www.385668.com-地下六仺彩开奖网站| www.530926.com-三地试机号乐彩网| www.626452.com-三d中奖彩票图| www.706335.com-三分时时彩公式| www.792903.com-彩票兑换地点| www.878646.com-青岛彩票大奖新闻| www.985612.com-竞彩单场推荐预测| www.fg6.cc-新疆福利彩票网| www.qy99.cc-腾讯10分彩查询| www.14ew.com-福彩在线直播开奖| www.184.biz-大发彩票总部电话| www.4446.in-福彩三d图谜汇总九| www.03936.cc-沈阳福彩领奖地址| www.53769.cc-福利彩票十一期查询| www.004939.com-体彩6十1兑奖| www.087797.com-好彩网3d预测| www.163024.com-在香港买彩票| www.324726.com-体彩排列三图库| www.407883.com-七星彩开奖表格列表| www.526367.com-vr彩票真实的吗| www.646516.com-足彩神人-| www.737757.com-七天彩破解-| www.818958.com-有没有玩彩票高手| www.902476.com-彩票指南今日报纸| www.972250.com-19044期胜负彩| www.sh12.com-时时彩有正规平台吗| www.08jx.com-七星彩小说听书| www.83xc.com-点彩-| www.2669.live-足彩竞彩世界杯| www.8843.biz-体彩三十一选七规则| www.66494.cc-彩票查询31选7| www.is2.cc-快三网站平台官网娱| www.k58.live-掌上购彩七天彩官网| www.66xv.com-c彩16官网下载| www.1810.site-体彩p3开奖查询| www.18311.com-燕赵福彩官网首页网| www.67715.cc-打击私彩赌博| www.796597.com-派彩电子走势图安装| www.906086.com-怎么安装福彩3d| www.982465.com-辉腾团队鸿彩平台| www.gm21.cc-国家对彩礼有新政策| www.c69.xyz-体彩排三专家给双胆| www.43xz.com-古代纳彩大雁| www.919.cm-彩之王用户注册| www.5927.cn-所有彩票开奖号码| www.17744.cc-体育彩票加盟热线| www.66204.com-快三彩票兼职| www.081232.com-足彩大神跟单靠谱吗| www.157249.com-足彩直播360| www.473109.com-快三国标视频| www.563995.com-非法彩票报警案例| www.641911.com-福彩门头图片| www.763022.com-星光彩票作弊器| www.857652.com-为啥有钱人不买彩票| 大赢家彩票平台www.955494.com| www.sk26.com-彩乐乐网怎么样| www.26hg.cc-分分彩开奖软件下载| www.0050.cc-彩票一共几位数| www.6866.cc-海口体彩乐吧| www.22629.com-齐鲁彩票站-| www.66851.cc-彩票店领奖额度| www.047388.com-快三代理能致富吗| www.132222.com-烟台彩礼2018| www.214215.com-足彩分析师从业认证| www.290628.com-云彩宝彩票下载| www.364008.com-福彩布衣精华图| www.456298.com-彩票给彩金的平台| www.549794.com-重庆时时彩宝宝计划| www.687209.com-附近体彩站-| www.771094.com-下载乐彩开奖结果| www.864462.com-长红彩票app| www.919209.com-彩票店吃票-| www.978531.com-福彩3d银海布衣| www.dz34.com-福彩押大小-| www.vr43.com-福彩开奖3d中彩网| www.13nl.com-香港5分彩大小| www.83gu.com-3d彩民乐精华图| www.2002.in-和彩放题蓝色港湾店| www.7738.org-趣彩彩票输了几万| www.26177.cc-彩虹如何形成| www.894864.com-用我ip代玩彩票| www.993595.com-足彩中了怎么兑奖| www.fa02.com-一分快三稳赚公式| www.wa76.com-体彩标准店图片大全| www.02fn.com-分分彩k线图手机版| www.61tx.com-今天黑苍蝇3d彩报| www.0838.date-支付宝足彩在哪里买| www.789817.com-旧版竞彩足球即比分| www.910820.com-河北快三奖金记算| www.975564.com-内蒙古福彩票| www.lm98.com-中彩网能不能买彩票| www.s22.xyz-湖北快三分布| www.50nf.com-天下彩天下彩票与你| www.611147.com-彩35是正规平台吗| www.730662.com-竞彩足球新浪胜平负| www.820232.com-陕西彩票领奖在哪里| www.891891.com-龙圩区体育彩票| www.963265.com-彩钢板多少钱一平| 大赢家彩票平台www.225105.com| www.gu27.com-彩票如何设置返点| www.vb46.com-青岛福利彩票兑奖处| www.08jf.com-快三有什么技巧不| www.74ty.com-香港中彩网网址| www.1250.xyz-青岛市福彩中心地址| www.25383.cc-水溶彩铅桃花| www.60355.cc-大数定理和彩票| www.393915.com-3d采摘网福彩网| www.538573.com-时时彩快开台| www.620113.com-在国外中了彩票| www.676969.com-万彩国际彩票可靠吗| www.751434.com-福利彩票有几种买法| www.806028.com-酷8彩票登陆| www.868803.com-七乐彩杀号秘笈| www.979473.com-彩金价格-| www.fb23.com-富贵彩票骗局| www.wr97.com-人人买彩票官网| www.2571.win-神级彩票系统笔趣阁| www.00606.cc-福彩申请-| www.879811.com-购彩网正规吗| www.966219.com-彩发发官方网站| 500彩票www.349177.com| www.go61.com-郑州彩礼一般多少| www.xr34.com-体彩19035结果| www.14xd.com-8k彩票易彩乐辅助| www.0309.loan-中国体彩智慧门店| www.6237.org-合法的网上购彩平台| www.11382.com-手机投注彩票合法吗| www.51331.cc-乐彩客靠谱吗| www.91228.cc-彩烟烟花-| www.041562.com-混合过关竞彩篮球| www.175867.com-全国快三有多少种| www.255695.com-快3购彩小贴士| www.489936.com-福彩山地组选分布图| www.574823.com-彩乐购-| www.640566.com-新浪爱彩提不出了| www.768077.com-试玩金过3关送彩金| www.850431.com-怎样玩转快三| www.911273.com-k彩福线路测速| www.967339.com-彩票一对一带微信| 小米彩票www.18005.com| www.cl40.com-福彩三d预测| www.sr26.com-河北快三里的秘密| www.17xi.com-足彩兑奖时间是多长| www.92hl.com-哪里多彩票工资车| www.1975.name-彩票中奖真实吗| www.6766.cn-如意彩网站-| www.12168.com-足球彩票圈论坛| www.51983.cc-广西快乐双彩奇偶| www.90043.com-破解彩票伪随机数| www.038544.com-彩票的图片-| www.176869.com-福彩快三害死我了|