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.122140.com-彩票专家预测号码| www.258073.com-彩票大赢家手机版| www.441130.com-彩票开奖查淘| www.170997.com-吉林快三开奖结果图| www.w22.top-福彩3d两天计划王| www.323362.com-大富翁彩票网站| www.629285.com-搜狗福彩-| www.714999.com-淘宝哪里可以买彩票| www.835187.com-韩版好彩香烟| www.l00.xyz-福建快三实时走势图| www.398458.com-体彩彩票可以退吗| www.u17.mobi-深圳福利彩票官網| www.519644.com-优信彩票被黑| www.613214.com-彩票程序源码手机| www.zm9.cc-吉林快三诈骗| www.b69.cc-火箭彩票app下载| www.45lb.com-金线苏式彩画| www.431209.com-时时彩缩水助手| www.sh65.cc-福彩15选五-| www.fs44.com-辽宁体彩官网| www.82644.com-直播足彩-| www.375908.com-吉林快三走势图彩经| www.221053.com-体彩开奖是多少钱| www.914934.com-99鸿运购彩票| www.972816.com-七彩铃兰-| www.me7.com-福彩七乐彩-| 13e彩票www.820687.com| www.285089.com-彩票销量-| www.394413.com-福利彩票山3g| www.567100.com-彩虹台手机直播在线| www.89us.com-如何打好竞彩| www.39zb.com-线上彩票游戏合法吗| www.925222.com-彩库苹果下载| www.wt32.com-快三快速查询表| www.239198.com-网络彩票诈骗报警| www.09718.com-彩16彩票官网下载| www.162679.com-福彩3d牛牛实票| www.339108.com-爱彩乐app打不开| www.437380.com-浙江福彩开奖结果| www.660478.com-彩票杀号计算公式| www.557055.com-577彩票三肖| www.030544.com-海南彩票qq群官方| www.6785.top-会员登录76c彩| www.047996.com-彩票网淘彩娱乐| www.592250.com-四海图库彩看图区图| www.696818.com-霸主彩票软件可信吗| www.89019.com-百盈彩票怎么玩| www.001429.com-a98008爱彩-| www.365667.cc-秋天风景彩色铅笔画| www.505916.com-黑彩返点收入| www.541004.com-金多彩84384| www.483690.com-掌上购彩怎么看走势| www.057128.com-福彩怎样才算中奖| www.7319.com-彩虹5号电池容量| www.45958.com-买生肖的是什么彩票| www.858480.com-吉林快三统计| www.779378.com-菠萝彩论坛网址| www.414452.com-彩之云账号怎么注销| www.cp3869.com-河南福彩快乐3开奖| www.61363.com-匕星彩走势图500| www.402855.com-局王七星彩app| www.77496.com-彩票组合生成器| www.23620.com-彩预测计划app| www.n92.com-彩经网怎么打不开| www.805915.com-江苏体彩排列三| www.892873.com-时时彩二星做号工具| www.965964.com-福彩快3贴吧论坛| 500彩票www.361477.com| www.9772.hk-休闲快三姜丽谢俊娟| www.597375.com-欢乐快三走势图| www.700832.com-e赢彩平台-| www.869027.com-彩票牛人选号法| www.954896.com-彩票跑马计划| www.it61.com-彩票怎么买的| www.36dp.com-体彩资助申请书范文| www.1137.cm-竞彩足球赛事取消| www.502198.com-2018东平彩礼| www.311797.com-网络彩票销售技巧| www.769260.com-好彩店下载-| www.099048.com-五福彩票专业版苹果| www.17797.com-凤凰国际私彩| www.80880.com-哪个台能看体彩直播| www.066772.com-平台博彩-| www.137015.com-旺彩大乐透预测推荐| www.170441.com-江西快三开奖走势图| www.761703.com-时时彩简单玩法| www.873967.com-贵阳福彩官网下载| www.751269.com-彩票巴巴官方| www.27373.cc-竞猜足彩在哪买| www.011076.com-中国体彩手机在线| www.686622.com-今天福彩3d图纸| www.851055.com-时时彩暴富-| www.280249.com-时时彩4星走势图| www.496149.com-必威体育博彩| www.584557.com-异地招聘足彩分析师| www.692621.com-乐米彩票最近怎么了| www.825916.com-今日彩票中奖号预测| www.965840.com-c27彩票-| www.jq71.com-快三赌博案例吉林市| www.20.net-海南私彩三字现包码| www.1413.net-赢大彩票-| www.2929.site-快三单注奖金多少钱| www.00324.com-福建体肓彩票开奖| www.6472.cn-a5彩票网-| www.7135.org-建盏养七彩过程| www.37372.cc-多多彩票官方网站| www.693531.com-大乐透彩乐乐| www.191127.com-贵州彩票快三玩法| www.06204.com-体彩顶呱刮5元中奖| www.97169.com-福彩六加一-| www.dk88.com-广州福彩快三| www.00hf.com-福彩3d热号码| www.1082.cm-分分时时彩害死人| www.864404.com-手机屏幕也能贴彩膜| www.bd74.com-生肖彩票开奖结果| www.3535.tv-彩票66加拿大| www.92dw.com-体彩河北11选3| www.213255.com-彩票系统app开发| www.417135.com-彩虹6号游戏介绍| www.464271.com-彩票详解-| www.562691.com-u9彩票网网站| www.11018.com-中国福利彩票违法吗| www.774482.com-亿游网彩票-| www.952001.com-中大奖彩票网下载| www.vl06.com-湖北福彩网站| www.22879.com-网络购彩为什么停了| www.059718.com-河北快三兑奖| www.7974.cn-九州博彩官网登录| www.39281.cc-全中彩票1-| www.80486.com-双彩论坛字谜大全| www.057706.com-3d福彩选号技巧| www.408130.com-七星彩末等奖概率| www.539057.com-彩票什么样的人能中| www.613579.cc-彩虹六号会有国服么| www.700051.cc-重庆时时彩计划网页| www.796269.com-安徽福彩排列3| www.894093.com-财神彩-| www.012324.com-昨晚上体彩开奖结果| www.107121.com-网上85彩票靠谱吗| www.183832.com-福彩宁夏快三开奖| www.023878.com-牛人彩票软件| www.19ki.com-泰安彩票最高奖| www.41rp.com-3d彩吧彩报笫三版| www.4fh.com-彩票中奖后怎么纳税| www.16014.com-七乐彩开奖三等奖| www.631869.com-七彩背景-| www.65ry.com-竞彩十四场-| www.1225.cn-新快三遗漏360| www.8201.top-辉煌彩票联系方式| www.529250.com-55125彩吧论坛| www.968493.com-福彩头奖是内定的吗| www.353619.com-彩票版区开开开| www.670833.com-国彩gc8-| www.446410.com-无损对刷彩票| www.592880.com-彩虹7号围攻| www.734717.com-福利彩票买法规则| www.940091.com-彩98app下载| www.34br.com-快三中和值多少钱| www.9081.org-浦东体育彩票发放点| www.666611.cc-注册初级彩票培训师| www.668450.com-双色彩票玩法| www.558982.cc-彩虹的约定双手简谱| www.774430.com-简单水彩画入门图片| www.45lw.com-53彩票app苹果|