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.817682.com-3d彩民之家开机号| www.218725.com-时时彩招代理| www.299912.com-上海快三速查| www.553762.com-竞彩严明明推荐| www.20700.com-幸运一分快三漏洞| www.k90.biz-人人彩票中奖福地| www.610151.com-手机上玩彩票违法吗| www.552805.com-彩名堂做假-| www.945552.com-比特儿下限彩币交易| www.230094.com-购彩大厅手机版| www.494201.com-关小刀足彩推荐分析| www.790048.com-青海省体彩兑奖中心| www.cai3030.com快三是什么啊| www.2362.vip-七彩云南第壹城小区| www.609099.com-天天彩票停售原因| www.481489.com-和彩印基础包有用吗| www.595614.com-尼彩手机怎么样| www.688175.com-移动彩票-| www.779329.com-今晚体彩七位数预测| www.zw2.com-河南快三彩票平台| www.j43.xyz-福彩十选五骗局| www.099701.com-甘肃快三技巧稳赚| www.67086.com-怎么投诉彩票站| www.497720.com-快乐中彩票可以信吗| www.595622.com-福彩中兴主任| www.678342.com-南方双彩网遗漏统计| www.756250.com-福彩快3几分钟开奖| www.827252.com-下载3d彩易网| www.901426.com-排列三预测众彩网| www.970766.com-买彩票能中大奖吗| www.cp535.com-网络时时彩骗局揭秘| www.132111.com-有人玩鸿彩快三吗| www.391150.com-手机336彩下载| www.536611.com-今天七乐彩几点开奖| www.604864.com-雀彩-| www.696479.com-霸主彩票网站| www.816770.com-吉林快三黑彩合法么| www.929355.com-福彩群英会开奖结果| www.982153.com-福利彩票怎么选| www.po27.com-怎么看彩票趋势图表| www.06rq.com-天下彩网彩票资讯网| www.221856.com-玩彩票有赢的吗| www.298100.com-人人中彩官网| www.982795.com-一分时时彩网页计划| www.487.cm-福彩中奖喜报| www.4027.cc-博彩公司snai| www.9917.online博亚彩票靠谱么| www.52876.cc-77彩票网可靠吗| www.01130.cc-彩金国际娱乐| www.371455.com-654彩票-| www.517800.com-七星彩五行破解法| www.672573.com-彩八仙在线网页版| www.753787.com-118彩票送彩金| www.837778.com-乐彩33和众飞| www.925021.com-福彩彩开奖结果查询| 网易彩票www.081wy.com| www.654752.com-七星彩预测图规| www.872872.com-贵州遵义彩票| www.51zm.cc-玛雅彩票游戏网址| www.95992.cc-福彩公益奖-| www.29220.com-五星彩票官方下载| www.004314.com-竞猜足彩吧-| www.26xd.com-今日3d彩图报纸| www.6037.pw-云南省彩票兑奖中心| www.983535.com-彩16安卓版本| www.30504.com-京东彩票注册| www.mf93.com-快三一天最多输多少| www.3498.live-彩票平台跑路迹象| www.72482.com-福彩天地-| www.027867.com-易彩国际靠谱吗| www.273380.com-福彩初创期-| www.572654.com-彩专家大牛-| www.715656.cc-合法的网上彩票社区| www.869026.com-今天福彩3d丹东图| www.hp95.com-足彩开奖-| www.877607.com-台湾5分彩开奖官方| www.am85.com-广西福彩选号助手| www.15ui.com-蚂蚁娱乐彩注册| www.67pk.com-七星彩华南地区最大| www.863745.com-中国体育彩票宗旨| www.948851.com-七乐彩守号能否中奖| 六福彩票www.66ffi.com| www.677654.com-汇彩票-| www.760954.com-彩票站可以过户| www.837234.com-体彩实体店在哪里找| www.907108.com-福彩平台直播app| www.975034.com-七乐彩杀号定胆专家| www.cai5211.com甘肃快三推荐号码| www.iz37.com-多彩网辽宁12选五| www.952055.com-303彩票-| www.an80.com-福彩3d过滤器软件| www.m31.com-福彩任选五规则| www.87eu.com-小白彩票手机下载| www.444868.com-彩票税率是多少| 彩乐乐www.cll168.com| www.69wq.com-在线彩票计划| www.6115.pw-淘彩票是合法的吗| www.385109.com-吉祥彩票网址| www.77024.com-足彩即时赔率| www.202776.com-安徽快三跨度分析| www.387238.com-重庆时时彩彩预测| www.901884.com-免费下载内蒙古福彩| www.115.gg-高人破解时时彩秘密| www.1889.shop-3d福彩一字谜总汇| www.15291.cc-彩虹形成的原因| www.054758.com-澳门彩票全部彩种| www.199878.com-河北快三三同号遗漏| www.557331.com-免费双色球彩票软件| www.717458.com-彩铅绘画-| www.879626.com-易彩一彩民福地网页| og--吉林体彩快3| www.371219.com-环氧彩砂水磨石地坪| www.939952.com-彩票福彩双色球| www.a02.com-福彩双色球下载| www.06569.com-福彩3d三码和查表| www.560366.com-腾龙时时彩做号软件| www.632716.com-奥客足球竞彩网| www.699539.com-竞彩网pc版-| www.765716.com-千禧彩之源软件下载| www.902166.com-河南幸运彩开奖查询| www.960764.com-彩票注册送28| 网易彩票www.36788m.com| www.gu14.com-体彩屋快三输钱有假| www.j16.me-彩票10选5怎么玩| www.rt69.cc-牛蛙彩票资料大全| www.53gm.com-河内5分彩平台计划| www.2748.xyz-福彩加倍数怎么算的| www.23420.com-四季彩登录平台| www.653984.com-腾讯5分彩万位计划| www.113145.com-老梁观天下之彩票| www.245556.com-易彩一分快三下载| www.191127.com-贵州彩票快三玩法| www.368845.com-728彩票网安全吗| www.568827.com-十一选五大彩鲸下载| www.693132.com-福彩六加一怎么买| www.835609.com-彩运8计划软件| www.976320.com-甘肃彩礼新规| www.cp68.com-网上时时彩是真的吗| www.yb58.com-贵州快三同号推荐| www.11256.com-14场胜负彩直播| www.60355.com-优选彩店app| www.353789.cc-q彩网二维码| www.479107.com-规模大的足彩推荐| www.871488.com-彩票藏机图-| www.29992.com-亿彩彩票网-| www.ka48.com-河北省福彩兑奖中心| www.g62.com-6合和彩今天开奖| www.742785.com-彩票易中奖下载| www.799207.com-香港票彩大全| www.858662.com-彩票开奖双色球日期| www.918291.com-重庆彩票网-| www.967889.com-福彩3d坐标连线图| 亿彩网www.296676.com| www.719.red-紫竹彩票-| www.347576.com-金彩网现在有人玩吗| www.263819.com-7号彩票-| www.838214.com-彩票吧app下载| www.928169.com-彩色复印机排行| www.993972.com-竞彩怎么看庄家盈亏| www.lx47.com-好彩妹主演-| www.3011.vip-彩字谜底-| www.34707.com-福利彩票有专家分析| www.92oz.com-恽煌彩票网址| www.1442.cm-大赢家时时彩|