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天

知道了
58福彩 www.263185.com-体彩能从网上买吗| www.811249.com-福彩藏机图迷| www.893921.com-爱投彩票安卓下载| www.967364.com-微信群彩票-| 幸运彩票www.853199.com| www.673598.cc-香港体彩网注册| www.00mk.com-七星彩十位百位定胆| www.209348.com-时时彩快3怎么赚钱| www.yd56.com-韩国有快三吗| www.82xk.com-澳门三分彩有多少年| www.6496.xyz-七乐彩预测牛材网| www.26391.com-福彩3d组6走势图| www.78992.cc-51时时彩网-| www.066595.com-2345彩票计划网| www.727597.com-双赢彩票下载| www.079675.com-有没有5位数的彩票| www.49by.com-装饰七彩甜甜圈| www.01831.com-凤凰时时彩-| www.121452.com-彩芽的天然好奇心2| www.258112.com-乐米彩票关停了| www.397524.com-浙江11选5爱彩乐| www.568076.com-福彩中奖身份证| www.227699.com-彩票端一分快三| www.008116.com-7位数江苏体彩网| www.840068.com-官方彩传统彩| www.35722.cc-竞彩足球微信群| www.220759.com-加拿大3分彩开奖| www.66ek.com-爱尚彩染发焗油| www.6176.cm-高手齐中彩-| www.314.red-彩票1288-| www.7094.vip-宁夏七彩艺校收费| www.50484.com-足球彩票怎么买不了| www.509708.com-今晚福彩现场直播| www.610364.com-看彩72-| www.014506.com-七星彩规律软件免费| www.825140.com-哈尔滨冰城快三| www.817038.com-能中彩票的命| www.950302.com-三分时时彩软件平台| www.dl17.com-中彩票被杀的多不多| www.275654.com-4十1彩票开奖结果| www.438835.com-桐梓县彩票店| www.816959.com-中发彩票联系方式| www.890826.com-体育彩票61走势图| www.678550.com-彩之网页面-| www.379356.com-福彩37期-| www.246671.com-重庆竞彩快3| www.353406.com-凤凰网彩手机版| www.467271.com-彩民之音-| www.577788.com-内蒙古快三新玩法| www.94505.com-竞彩足球计划预测| www.102198.com-趣头条彩票app| www.274996.com-360彩票江苏快三| www.196191.com-爱彩乐大发快三套路| www.7837.biz-芸彩数字八星口诀| www.60ln.com-关注彩票中奖号码| www.6352.org-红牛福彩-| www.84692.com-时时彩在线计划数据| www.168376.com-快三如何玩-| www.269218.com-彩票砍龙是什么| www.517579.com-皇冠集团彩票谁知道| www.637893.com-够力七星彩画规表| www.239444.com-江苏快三输了十几万| www.340822.com-好彩网3d藏机图| www.444501.com-老品牌-明发彩票| www.173039.com-牛彩湖北快三走势图| www.4499.in-私彩与官方彩票网| www.054959.com-国模彩炮图-| www.333166.com-中彩网官方网站下载| www.466898.com-七乐彩卖到晚上几点| www.550471.com-乐发平台彩票| www.875578.com-3d试机号彩宝贝网| www.195882.com-彩票开奖结果查绚彩| www.54508.com-彩68官网下载| www.04788.com-手机还可以买足彩吗| www.34nc.cc-最新胜负彩对阵表| www.456205.com-七乐彩今日中奖号码| www.66yh.cc-彩票还能信吗| www.783184.com-福利彩票0312| www.883933.com-请黑客攻击私彩平台| www.951029.com-立彩助手评价| 凤凰VIwww.fh17.com| www.712213.com-13e彩票下载| www.811946.com-新加坡福临彩风云报| www.883456.cc-博友彩票首页| www.948439.com-体育彩票竞彩足球| www.997406.com-下载app500彩| www.mu88.com-易盈彩票苹果| www.721359.com-彩票投注机返点| www.971552.com-全民娱乐彩票app| www.499994.com-必发彩票线路导航| www.72pz.cc-体彩串关容错表| www.2987.top-九万彩票旧版首页| www.9127.online七乐彩往期开奖数据| www.215451.com-彩票达人是哪个生肖| www.185445.com-快三如何玩中奖率高| www.hq61.cc-上海快三死规律| www.k37.org-国家合法的彩票网站| www.145163.com-福彩3d技术型| www.nm79.com-广西福彩中心| www.964864.com-uu真人快三输八万| www.hf30.com-体彩大乐透专家推测| www.210407.com-安徽快三购买技巧| www.909398.com-天津福彩快三| www.987892.com-恐龙快三打-| www.la16.com-505彩票真的假的| www.03we.com-首次注册送彩金| www.250712.com-中彩票软件官网| www.78373.com-七乐彩4拖7多少钱| www.870445.com-三分彩计划-| www.581538.com-彩票中了三个数字| www.679580.com-网络彩票有风险吗| www.84345.com-彩票中奖怎么通知我| www.697975.com-凤凰彩票导航网址| www.789745.com-竞彩娱乐诈骗| www.4796.org-彩票5星统计软件| www.503046.com-红彩app真假| www.641.me-福彩三d技巧及规律| www.426079.com-九场足彩奖金怎么算| www.530502.com-时时彩怎么买| www.03gj.com-八号彩票论坛| www.266668.com-河北快三玩法技巧| www.471468.com-新台湾5分彩| www.613667.com-带你买彩票赚钱| www.26vr.com-福利彩票点申请| www.155856.com-好彩客怎么下载不了| www.744797.com-互联网彩票o2o| www.804402.com-福彩1d中奖规则| www.867561.com-彩票网站均暂停售彩| www.8875.xyz-足彩半全场漏洞| www.490601.com-彩票核对提示语| www.572886.com-福彩61生肖玩法| www.qk54.com-中原彩票注册| www.037299.com-大师彩票aqq| www.661862.com-彩票刷单是什么| www.799973.com-3d彩民-| www.175.cm-用手机话费买彩票| www.4054.cn-青海福彩网专刊| www.9347.cc-湖北快三介绍| www.376853.com-彩票店怎么装修好| www.505237.com-29彩票-| www.ji8.cc-q彩软件-| www.019320.com-快三为什么只输不赢| www.598969.com-七乐彩36期-| www.676932.com-多彩办公大师| www.734443.com-19041足彩推荐| www.789810.com-竞彩篮球篮彩| www.2613.live-关于703彩票| www.16822.com-下载e彩乐-| www.492598.com-临夏市福利彩票| 东方国际www.055972.com| www.51233.cc-晓风彩票软件下载| www.506288.cc-彩票dna检测软件| www.cd17.com-黑彩代理怎么挣钱| www.tz85.com-中国体育彩票走势图| www.059267.com-三d彩票老头预测| www.751641.com-彩票网好提现吗| www.23eh.com-彩票排列五玩法| www.116948.com-快三有公式计算法吗| www.702891.com-彩票纠纷案例| www.786273.com-彩票查询结果大全| www.882169.com-九八彩票是平台吗| www.65df.com-合伙微信买彩票中奖| www.5039.net-七星彩几等奖咋分的| www.1711.online快三开最快开奖|