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.gi01.com-三分快三怎么看单双| www.001035.com-体彩61开奖-| www.vx95.com-一定牛河北快三遗漏| www.5325.net-4567彩票安全么| www.635111.cc-爱建七彩影院| www.239806.com-王者彩票可以挣钱吗| www.352256.com-知名的高频彩平台| www.295.live-足彩跟单都是托| www.6262.bid-澳门118彩票网| www.066132.com-统一彩票兼职| www.21611.cc-大发时彩开奖| www.862210.com-体育彩票排开奖结果| www.058775.com-3d彩涂丹东全图| www.3465.cc-彩票双色球如何购买| www.33079.com-江苏快三秘籍| www.878848.com-江西快三开奖消息| www.973920.com-新2官网彩票| www.cp7977.com-江苏快三是骗人的吗| www.3151.cn-足彩单场比赛购买| www.970702.com-辽宁省体彩十一| www.723.mobi-时时彩技巧总结| www.5751.biz-美狮彩票软件| www.928830.com-七星彩排列五奖表| www.995899.com-足彩竞彩平台| www.hc39.com-福彩幸运快三下载| www.e13.club-盛兴彩票手机版v3| www.206279.com-网易彩票网-| www.312031.com-全网最全彩票平台| www.426354.com-扫一扫看彩票中奖| www.538579.com-江苏扬中彩票大奖| www.63vj.com-彩票投注正规app| www.95065.com-福利彩票中奖去哪领| www.090869.com-go彩注册-| www.199463.com-彩票开奖预测今天| www.283573.com-什么彩票六位数| www.483903.com-彩票亭买什么| www.823858.com-福彩电话投注| www.905652.com-yy彩票登录| www.971629.com-预测彩票app下载| www.cai179.com-快三开奖结果江西| www.iv01.com-竞彩310-| www.n92.org-五分彩有技巧吗| www.41wg.com-被幸运彩票黑了| www.0108.xyz-55彩票官方安卓版| www.it11.com-中国彩票超级大乐透| www.10bo.cc-龙江风采彩票| www.32hn.com-体育彩票足彩赚钱吗| www.9764.in-七星彩晴予预测号码| www.0314.love-大发快三计划表| www.061913.com-彩客彩票提现不了| www.248868.com-3d彩票网-| www.373666.cc-好彩双爆葡萄| www.246295.com-竞彩网足球比分| www.417518.com-分分彩选号软件| www.583600.com-国外购彩软件| www.750082.com-七星彩4个号多少钱| www.882419.com-易彩票网站-| www.995872.com-怎么举报好彩店彩票| www.ox68.com-福彩3d中奖绝技| www.63or.com-手机版彩票源码| www.2008.mobi-名媛汇彩票怎么样| www.26287.cc-快三大发平台| www.99776.cc-cb彩宝彩票安全吗| www.132698.com-七星彩上十期开奖| www.247221.com-上海体彩app| www.360198.com-七星彩手机直播现场| www.506124.com-彩吧图库小军第三板| www.673209.com-乐彩网175oo| www.840639.com-彩票销售现状| www.956897.com-香港百彩网-| www.fr18.com-大发快三规律讲解| www.x73.in-专业彩票网-| www.689.net-重庆时时彩对子预测| www.8540.loan-中国体彩消消乐| www.zi65.com-一分快三破解软件| www.253.live-k彩彩民福地合法吗| www.4756.net-彩票冒领能查出来| www.9444.top-体彩和值谜-| www.064708.com-什么彩票平台稳定| www.162897.com-95彩票平台-| www.236061.com-彩票预算软件| www.305698.com-彩票就是运气吗| www.380283.com-真的有人中彩票吗| www.467195.com-七乐彩到几点停售| www.540748.com-彩贝壳客服电话号码| www.603489.com-山西福利彩票中心| www.963695.com-一分快三开奖的软件| www.he17.com-11选5网上购彩| www.311320.com-下载官方天天中彩票| www.90au.com-777策略博彩| www.038016.com-下栽红牛彩票| www.313299.com-江西省体彩中心| www.535238.com-6位数字的彩票| www.v32.net-手机买时时彩犯法吗| www.30360.com-京东彩票怎么买彩票| www.kj66.com-福彩生肖选号器| www.17cm.com-福利彩票预算软件| www.89590.com-557彩票网-| www.100187.com-一定牛彩票不能用了| www.192926.com-335彩票app-| www.03786.com-福利彩票是个坑| www.029930.com-彩铅画人物古风唯美| www.204044.com-福彩开奖走势图| www.542758.com-天津彩票自助投注站| www.750469.com-豪彩快三-| www.931233.com-体育彩票软件合法吗| www.an5.cc-河北快三新玩法| www.yf80.com-吉林快三派彩网官方| www.971607.com-彩8彩票网站| www.43696.com-旺彩网站骗局| www.904850.com-竞彩足球彩票怎么买| www.s58.net-彩讯pc加拿大开奖| www.080152.com-快三一般多久出豹子| www.21251.com-今天体彩大乐透领奖| www.198085.com-快三公式计算公式| www.354230.com-三d双彩图今天| www.498515.com-彩票工资车流程| www.622529.com-福彩双色球真实新闻| www.803203.com-彩票大数据破解版| www.967098.com-体彩31选七走势图| www.399119.com-体彩35期-| www.527388.com-时时彩对子出现规律| www.pm77.com-湖北快三走势图| www.302.press-港彩正版资料第一份| www.7511.xyz-中国禁止网络彩票| www.672520.com-七星彩中奖税怎么算| www.730991.com-时彩代理怎么做| www.829173.com-九彩app-| www.7393.org-哈市彩站出兑转让| www.54tg.com-彩39是正规平台么| www.2441.pw-那家竞彩能买| www.12022.com-快三之家下载| www.494009.com-福彩3d彩图中国| www.741313.com-239期体彩独胆| www.bm28.cc-好运来彩票网app| www.389086.com-彩票c16网站| www.241638.com-河北今日快三开奖| www.391671.com-体彩中三位数多少钱| www.755782.com-中彩在线邮箱| www.92981.com-百彩网baic心一| www.582610.com-中彩一分快计划| 杏彩www.00840j.com| www.32fs.com-星期日开奖彩票| www.3013.cn-有关彩字的字谜| www.41728.com-旺彩彩票手机下载| www.028519.com-买大小单双彩票下载| www.194606.com-一定牛彩票安卓最新| www.307944.com-三个数的彩票叫什么| www.57uw.com-随机彩票怎么买| www.082026.com-嘉定彩票投注微信| www.5453.cc-盈彩彩票骗局| www.47158.com-阳光彩票是骗人的吗| www.076696.com-如何买体育彩票| www.170045.com-快三彩票怎么玩| www.287326.com-万能数字型彩票软件| www.413831.com-福彩中的高频彩| www.5mt.com-足彩中了多少要交税| www.1745.cn-凤凰鸿彩主播| www.91178.cc-好彩蓝莓爆珠价格| www.061996.com-彩客站主页-| www.286320.com-彩界发大财-| www.380057.com-大彩乐的开奖结果| www.628948.com-体育彩票可信度高吗| www.182012.com-038彩票ios-|