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天

知道了
7星彩 www.421587.com-体彩竞彩世界杯查询| www.579906.com-福利彩票开-| www.990155.com-彩票888下载软件| www.dy79.com-网上买的快三怎么查| www.7kj.cc-广东体彩配送| www.89jz.com-倍投彩票能赚钱吗| www.3154.net-快乐彩票平台可靠吗| www.00968.com-福盈门彩票正规吗| www.929355.com-福彩群英会开奖结果| 18W彩票www.309135.com| www.pw43.com-6118彩票-| www.24tt.cc-长红竞彩网app| www.0740.vip-买易彩快三的技巧| www.878065.com-快三视频-| 同乐彩票www.029781.com| www.40151.com-优选彩app下载| www.95bv.com-多彩投自融-| www.7782.org-七乐彩投注秘籍| www.34913.com-福彩双论坛-| www.246055.com-易彩一分钟快三口诀| www.379332.com-三d字谜双彩彩论坛| www.dd67.com-彩票店是亚盘么| www.ym01.com-彩票预测网易彩网| www.52ku.cc-丰彩漆-| www.1151.net-98熊猫彩银-| www.79562.cc-金沙国际彩票| www.482630.com-什么彩票是两位数| www.mj65.com-青海快三中奖查询| www.80tc.com-福彩十选八-| www.mi65.com-好彩app能信吗| www.32ds.com-双色球杀号唯彩看球| www.339461.com-深圳福彩中心网| www.457965.com-彩站宝靠谱嘛| www.553110.com-网赌分分彩经历| www.669687.com-四位码彩票-| www.738325.com-国彩的网址登入| www.757017.com-怎样在支付宝买彩票| www.184567.com-新浪彩票-| www.315520.com-七彩本草滴丸骗局| www.401434.com-中国体彩竞猜| www.729922.com-哪家彩票app正规| www.845788.com-福彩单是什么意思| www.899024.com-江苏福彩6十1| www.987444.com-黑龙江福彩p62| www.ty28.cc-天下彩票-| www.85vz.com-远程福彩胆码杀码| www.4093.com-荣耀彩票网-| www.31825.cc-福彩快三手机走势图| www.8627.pw-87彩票店主登录| www.455714.com-彩票澳客网-| www.595288.com-福彩3d泓铄制作图| www.691501.com-绝对可靠的彩票开发| www.237714.com-12选5浙江爱彩乐| www.370145.com-七星彩专家彩宝贝| www.459943.com-福利彩世界是正规吗| www.553516.com-彩名堂计划免费下载| www.622699.com-福彩三版-| www.683662.com-大同购彩平台登录| www.753373.com-竞彩足球欧赔500| www.826635.com-买彩票不中-| www.895219.com-新粤彩100网看图| www.294999.cc-易彩国际时时彩骗局| www.400648.com-七星彩最近10期| www.515613.com-举报体育彩票私庄| www.799789.com-新手买什么彩票好| www.5988.org-体彩排列五讨论专区| www.04lk.com-皮皮彩票坑了多少人| www.cai03.cc-玩快三是什么意思| www.oi44.com-快三漏洞-| www.558432.com-234天天彩-| www.627778.com-赌彩票骗局视频| www.687615.com-西安体彩网官方网站| www.9634.loan-排三杀号彩宝贝| www.78139.com-3d彩票技术培训| www.88927.cc-签到送彩金彩票平台| www.073490.com-彩票发财-| www.712593.com-快三是人为控制的吗| www.842208.com-公益彩555-| www.br40.com-彩票软件插件制作| www.391572.com-体彩5开奖-| www.556555.cc-福彩三个号码多少钱| www.633195.com-篮球博彩加时算吗| www.701084.com-彩票通cpt-| www.772484.com-福利彩票被国家承包| www.y11.in-博彩代理违法吗| www.65xf.com-福彩开店-| www.1311.top-乐彩33彩票网站| www.7824.vip-三分彩开奖历史| www.23125.cc-彩票大小单双的软件| www.71171.com-福彩网注册-| www.037492.com-时时彩助手-| www.122888.com-8k彩票软件下载| www.199201.com-上海福利彩票时时乐| www.236153.com-宁夏快三开奖走试图| www.363036.com-吉林快三是否合法| www.631612.com-七彩云南什么意思| www.ee25.com-河南彩票481| www.c27.top-kc彩民福地登录| www.36nh.com-七星彩和尾走势图| www.bh89.com-网彩app下载| www.xi95.com-福彩天地双色球| www.25nh.com-华彩谢茂全简历| www.87rz.com-福彩数字3单式开奖| www.6395.cc-春秋彩票安卓下载| www.727276.com-马会彩票历史记录| www.829055.com-正规彩票app软件| www.915201.com-快捷彩票app下载| www.fm24.com-贵州体育彩票兑奖| www.a93.in-网上彩票挣钱平台| www.54yc.com-遵义有几处卖彩票| www.995899.com-足彩竞彩平台| www.tn52.com-福利彩票三十五选七| www.65wb.com-博彩赚返水-| www.066508.com-湖北快三走劳分市图| www.661530.com-足彩主和什么意思| www.800098.com-1号站彩票平台骗人| www.876077.com-京彩app官方下载| www.932587.com-中彩网论坛怎么关了| www.977497.com-潘多拉彩妆官网| www.uv.com-体彩官方彩票app| www.qr48.com-体彩福彩合并| www.10kz.com-132.cc彩票-| www.933597.com-网络博彩是违法的吗| 盛大彩票www.ct8811.com| www.km19.com-竞彩足球比分推荐网| www.766785.com-彩虹糖酸味粉没了| www.545549.com-怎样注册体彩投注站| www.748005.com-甘肃福彩快三奖池| www.855337.com-凤祥国际购彩| www.57273.cc-锋彩直播app官网| www.040966.com-500彩票漏洞赚钱| www.997804.com-褔利彩票app| www.fi22.cc-竞彩宝-| www.r36.online-高频彩吧-| www.392206.com-福利彩票双色三等奖| www.533231.com-外国数学家破解彩票| www.762175.com-两分时时彩正规吗| www.220223.com-360彩票开奖公告| www.302617.com-977彩票软件| www.687906.com-陕西体彩大乐透| www.767456.com-青蛙彩票开-| www.843676.com-广西快三三同号遗| www.9867.biz-安徽体彩15选5| www.058160.com-江苏快三购彩网网站| www.358818.com-福彩双色球中彩网| www.436153.com-福彩双色球中奖说明| www.949635.com-体彩开奖号码排列三| www.sy0.cc-新浪彩票走势图| www.zd26.com-红牛彩票的真假| www.36gk.com-一分快三软件制作| www.595.cm-旺旺彩票中了怎么领| www.4094.cn-彩虹4出口价格| www.14140.cc-新浪彩比分直播一| www.54808.cc-微信彩票群是骗局吗| www.024302.com-炫乐彩票平台源码| www.408996.com-7星彩网站下载| www.496678.com-微彩站怎么样| www.558111.com-大赢家彩票网站骗局| www.619829.com-双色球彩票今日预测| www.677393.com-今晚足彩怎么买| www.744052.com-彩票站中奖能拿多少| www.802617.com-彩神爷算胆-| www.870222.com-福彩3d到底怎么玩| www.933469.com-全国高频彩票app|