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.328996.com-广西彩票网-| www.516382.com-趣彩彩票苹果手机版| www.597223.com-众亿彩-| www.676695.com-足彩预测新浪网友| www.763276.com-开彩票店利润大吗| www.872795.com-uu快三直播下载| www.949267.com-张社会彩票微信群| 全民福彩www.qmfc1.com| www.fr41.com-中国福利快乐彩| www.00ea.com-描写彩虹品质的诗句| www.373.vip-时时彩输了想赢回来| www.ch03.com-大发快三可以玩吗| www.118763.com-辽宁移动体彩中奖| www.254052.com-乐盈彩票快3网站| www.373422.com-多彩香烟价格表| www.508569.com-七星彩中吉号有奖| www.619170.com-云南省她方彩票| www.754286.com-足彩预测推荐| www.852028.com-时时分分彩是假的吗| www.935705.com-上海时时彩开奖纪录| 熊猫彩票www.999xm.cc| www.364459.com-世界杯彩票无法下单| www.595142.com-四季发财彩票| www.743453.com-福利彩票怎么算| www.926833.com-达人彩票合法| 博友彩www.960206.com| www.g16.net-福彩3d豪华版下载| www.267855.com-怎么看彩票趋势图表| www.661463.com-日本年末彩票开奖| www.828426.com-彩16下载app| www.985025.com-江苏快三输惨了| www.j38.me-湖北福彩3d开奖| www.1481.top-玩时时彩合法吗| www.d24.com-七星彩票中奖号| www.021204.com-山西省福利彩票网站| www.439399.com-出彩票的游戏机作弊| www.5020.me-家彩开奖试机号今天| www.602767.com-体彩实体店购买| www.710252.com-彩票平台首充送彩金| www.551882.com-胜负彩军长推荐| www.636766.com-分分彩看号软件| www.870926.com-星彩网3d论坛| 酷彩网www.56579.cc| www.817565.com-国家彩票骗局的案例| www.922170.com-下载一定牛江苏快三| www.990892.com-彩票4s开奖现场| www.dk27.com-福彩老师-| www.vq62.com-彩专家人工在线计划| www.69490.com-竞彩8串56-| www.559321.com-尼彩手机在哪买好| www.665744.com-万家彩票网线路一| www.815333.com-平台秒秒彩票| www.889809.com-8亿彩能挣钱吗| www.983377.com-盈彩网时时彩计划| www.dt61.com-五星彩票是骗局吗| www.0rc.com-乐彩网账户怎么登录| www.1334.vip-好彩彩票与你同行| www.9383.biz-3d彩票圣手-| www.48599.com-竞彩胜负彩-| www.91679.cc-58彩票计划网| www.062604.com-神彩争霸8-| www.139099.com-132彩票官网网址| www.np30.com-彩票兑奖大乐透| www.63hd.com-彩票白菜论坛大全| www.7632.xyz-体育彩票柜台| www.37307.com-快三购彩平台是骗局| www.916045.com-私彩违法-| www.980590.com-火箭彩票app网址| www.dn99.cc-天马彩票天一团队| www.zm73.com-中国电脑福利彩票| www.948699.com-江苏体育彩票e球彩| www.d62.top-体彩排三开奖查询| www.082633.com-分分快三平台合法吗| www.187197.com-分分彩个位口诀| www.257826.com-买马彩票505| www.326298.com-彩宝app赌博| www.392597.com-彩铅画眼睛教程图片| www.531140.com-彩票中过二等奖吗| www.602955.com-彩虹六号莹背景| www.669447.com-体彩胆是什么意思| www.739462.com-极云彩票销售系统| www.808380.com-优彩彩票怎样充值的| www.877577.com-彩票发财脸-| www.947160.com-两分时时彩开奖网站| www.986662.com-福彩3d走势图首页| www.cp8997.com-购彩app排行| www.qn22.com-一分快三赚钱技巧| www.59gd.com-体彩退押金真慢| www.945.me-福彩快三实战讲座| www.4238.in-七彩云mz网-| www.585814.com-福彩双色球派奖9亿| www.566650.com-无线代棋牌彩票平台| www.669982.com-彩色童话故事| www.757501.com-58彩购彩大厅| www.825676.com-那个彩票软件靠谱| www.896383.com-乐福彩票合买平台| www.960668.com-天津快三玩法| QQ彩票www.89894g.com| www.kz39.com-福彩28是什么| www.0899.net-878彩票网站平台| www.664856.com-香港彩民之家| www.795991.com-彩票快乐10分玩法| www.862983.com-卖私彩定罪量刑标准| www.091114.com-网易彩票不能买| www.9512.shop-今日彩票农历| www.761231.com-好彩票hcpon| www.04740.com-微信上能买彩票| www.86644.com-信彩平台登录| www.090046.com-凤彩app下载| www.169357.com-快三怎么玩赚钱| www.254581.com-好彩香烟4味混合| www.321820.com-百度爱彩票-| www.383964.com-怎么投诉彩票店| www.467511.com-七乐彩红球杀1个号| www.547465.com-福彩三地布衣图库| www.687732.com-福利彩票七星彩| www.760963.com-福彩双色球中奖省份| www.825363.com-七星彩竞彩网| www.883852.com-博瑞彩票正规吗| www.968603.com-时时彩qq老群| www.32586.cc-彩礼退还比例| www.016109.com-彩票频道唯彩会| www.117728.com-天下彩开奖在线直播| www.186446.com-吉林快三买豹子技巧| www.276080.com-七乐彩等级奖金| www.362510.com-一年级彩虹教案| www.436057.com-中国体彩微信公众号| www.525971.com-美人鱼彩票礼金| www.628535.com-华夏彩-| www.878695.cc-七星彩差分如何算| www.967273.com-重庆时时彩有官方么| 博友彩www.381772.com| www.le85.com-中彩娱乐是真的吗| www.c33.me-易彩彩票福地登录| www.20im.com-重生之九彩僵神| www.043.cm-七星彩刚才开奖结果| www.227162.com-彩票大发快3| www.653538.com-最新体育彩票大奖| www.786555.com-全民福彩是腾讯的吗| www.868609.com-七星彩前4包码| www.932763.com-神圣彩票网址多少| www.976045.com-开封通许结婚彩礼| www.509663.com-彩十六官方下载| www.626221.com-中宏彩票靠谱吗| www.720277.com-七星彩最准确| www.807527.com-河内5分彩开奖| www.952242.com-8k彩票注册邀请码| 500彩票www.514577.com| www.ta65.com-竞彩混合-| www.9745.xyz-手机买足彩的软件| www.088032.com-福彩快三必中的方法| www.18rd.com-外国牛人破解彩票| www.9879.online竞彩返奖率是多少| www.246756.com-内蒙古快三开奖全期| www.378010.com-彩仙网开奖资料结果| www.677083.com-彩色压模混凝土| www.762596.com-2分时时彩-| www.858166.com-bb3d彩票3分钟| www.924945.com-全民赢彩票app| www.969787.com-福彩根本没人中奖| www.cp2985.com-时时彩报警后果| www.d22.pw-彩票开奖排五| www.1369.vip-vr3分彩走势图| www.8976.biz-旺彩旧版双色球软件|