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.330187.com-上海快三速查表| www.zl99.cc-体彩大乐透领奖地址| www.950.tv-谁发现了彩票的规律| www.36vl.com-胜负彩18167| www.xo85.com-快三推荐-| www.489999.com-掌上娱乐时时彩| www.bd97.com-一分快三押大小技巧| www.091052.com-重庆彩票网官网彩| 福彩www.26878n.com| www.079912.com-国家彩票整改| www.024846.com-和彩印基础包是什么| www.55908.com-l快三彩票-| www.576668.com-乐米彩票与人人猜球| www.720578.com-七星彩姓名幸运号| www.803598.com-易彩补漆笔如何使用| www.878693.com-福彩积分商城| www.984174.com-老猫出彩快讯3d| www.667345.com-马来西亚快三| www.500812.com-单彩色的图片| www.575265.com-时时彩改-| www.ic41.com-快三彩票群-| www.89ki.com-街机博彩游戏安卓版| www.0128.cc-彩色是不是一种颜色| www.906971.com-快三有哪几种| 吉利彩票www.80065l.com| www.ob60.com-吴忠快三开奖结果| www.40nj.com-新婚姻法彩礼多少钱| www.052612.com-中中国体彩官网| www.397461.com-快乐三分彩app| www.400109.com-盛世彩票官网| www.534179.com-三彩彩票官网网址| www.603685.com-足彩大数据分析| www.680428.com-ok彩票是正规的吗| www.765547.com-彩75app-| www.869469.com-查看彩票开奖的软件| www.ug79.com-海南四合彩票| www.617568.com-晋中福彩管理中心| www.60rv.com-大盘娱乐彩票app| www.096031.com-港彩免费资料大全| www.700824.com-cpt彩票通app| www.808895.com-任选九场竞彩网| www.886253.com-彩票随机原理| www.9ri.cc-玩彩票怎么算是赌博| www.65cz.com-老谢看彩双色球| www.1847.website一分钟出一次什么彩| www.578121.com-最新彩票报纸大全| www.8050.wang-儿童水彩画图片大全| www.60700.com-易购彩赚钱是真的吗| www.xx12.com-吉祥彩票下载| www.5337.wang-全彩助手官网| www.062705.com-体彩屋app下载| www.130120.com-体彩大乐透中前四位| www.46jr.com-彩金网站-| www.1863.top-牛彩湖北三十选五| www.7571.win-家彩论坛3d预测| www.480738.com-喝彩中华第三季| www.574101.com-中兴彩票-| www.661782.com-竞彩神单5808| www.739652.com-彩富ll9fcc-| www.807075.com-新浪彩2博客| www.302144.com-七星彩十大专家杀号| www.434034.com-幸运8五分彩| www.55ey.com-周一是体彩还是福彩| www.324662.com-福彩官员-| www.2466.vip-福彩3d老人布衣图| www.397684.com-福彩3d谜语前期| www.r87.cc-乐彩网骗钱-| www.xg97.com-9万彩票app下载| www.jq99.com-时时彩单双怎么跟| www.0472.loan-福彩e线游戏规则| www.886187.com-彩客网电脑版下载| www.679059.com-江西快三网上购买| www.307130.com-快湖北快三的走势图| www.46ws.com-体彩网上接单子平台| www.0120.cm-怎么看彩票下的黑点| www.56218.com-彩富、网-| www.881661.com-彩票定位胆骗局| www.7008.cn-极速3d彩票有假吗| www.770712.com-重庆时时彩赢钱玩法| www.911434.com-吉林体彩中心地址| www.dj94.com-中国人人快三网| www.53yn.com-国家彩票认证| www.0583.xyz-时时彩最多挂12期| www.51175.cc-千禧彩之源软件下载| www.573961.com-爱乐彩篮球比分直播| www.656335.com-北京彩票店生意转让| www.735437.com-彩吧排列三试机号| www.803758.com-买彩票违法吗| www.874632.com-竞彩足球彩票胜平负| www.954410.com-福建彩票22走势图| 网购彩票www.cp7777b.com| www.359093.com-双色彩票推荐号码| www.499595.com-手机千百万彩票| www.305185.com-海南今天七星彩预测| www.426016.com-三地新彩网-| www.129842.com-双色球一等奖彩民| www.sa95.com-没人在黑彩赢过钱吗| www.278357.com-新快三分析软件| www.199392.com-广西彩票官网| www.274581.com-分分快三假不假| www.102765.com-乐和彩11选5| www.178441.com-足球彩票-| www.17010.com-彩票門店-| www.486561.com-福利彩票追杀系统| www.556993.com-彩票有人真的中奖吗| www.739194.com-快三和值三最大遗漏| www.881480.com-一注体育彩票价格| www.225046.com-探探男带玩彩票| www.002425.com-苏州体育彩票店转| www.693287.com-福彩晒票-| www.568022.com-中彩网怎么玩| www.1495.org-福彩通可靠吗| www.74aq.com-小店宝彩票官网| www.71699.com-彩71网站-| www.358278.com-百盛会员彩票| www.475158.com-金誉彩票网电脑版| www.541955.com-钻石彩票app| www.31536.cc-足彩竞彩新浪体育| www.94119.com-足彩波胆赔率| www.616233.com-竞彩5场3关组合| www.680588.com-幸运彩票重庆时时彩| www.750436.com-豪彩vip跑路| www.804937.com-七乐彩投注-| www.874391.com-福彩2d多少钱| www.929197.com-玩彩app软件| www.974280.com-彩虹旗泡弟手机版| www.ps.cc-福彩快三赌博违法吗| www.755949.com-三d彩色打印| www.102065.com-福彩3今天开奖结果| www.306808.com-第一彩票app| www.821368.com-福彩3b牛材网总会| www.906105.com-国彩是国家正规的吗| www.973472.com-雨后彩虹图片大全| www.jd60.com-逝江快三-| www.00vo.com-双色球彩票纸变黑| www.008349.com-挂机软件智慧彩| www.025044.com-智慧彩票预测准吗| www.189190.com-下载内蒙古快三开| www.257395.com-58彩票网是黑彩吗| www.041234.com-足球足彩-| www.506538.com-福彩双色球字谜诗谜| www.675888.com-江苏体彩排列3预测| www.137014.com-金彩网彩票与你同行| www.yc45.com-福彩助手版-| www.873622.com-彩12娱乐app| 彩票驿站www.2350j.com| www.765214.com-手机玩钱的博彩软件| www.388770.com-腾讯分分彩定位胆0| www.5454.win-3d福彩速查表| www.069150.com-体彩36-| www.59573.com-体彩3试机开机列表| www.625792.com-彩票3d能赚钱吗| www.329880.com-快三群微信号| www.60056.cc-酷彩吧app怎么样| www.024943.com-福体彩票-| www.086880.com-足球彩票分析软件| www.132211.com-南阳彩礼大概多少钱| www.216564.com-快三第一门户在线| www.549419.com-网上买足彩中大奖| www.627393.com-分分彩必中形态| www.891.live-彩铅画人物教程图片| www.987237.com-福利彩票站点查询| www.78906.com-福彩各种书籍| www.076036.com-达人彩票靠谱吗|