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天

知道了
彩39彩票安卓 www.245443.com-易彩快三邀请码| www.777227.com-7697优乐彩-| www.889152.com-下彩彩票手机版| www.962884.com-下载彩票软件安装| www.cai532.com-快三计划软件安卓版| www.ku16.com-福利彩票上海网站| www.54244.com-时时彩后三遗漏| www.089807.com-中国体彩票排列三| www.184735.com-彩票132官网| 9号彩票www.80767g.com| www.873791.com-精彩十分奖金表| www.cp5759.com-江苏快三预测| www.313780.com-足彩佬牛最新解盘| www.529887.com-东方彩软件-| www.0079.cc-福彩3d魔鬼寻宝图| www.7795.cc-职业博彩高手| www.44635.com-58彩购彩大厅| www.98502.com-腾讯五分彩必中计划| www.53qk.com-快三输-| www.55211.com-滴滴彩票送28平台| www.054471.com-竞彩足球推荐预测| www.201942.com-人人彩票注册| www.306786.com-天津福彩快乐十分| www.412992.com-约彩彩票店主版| www.554038.com-体彩新店开业宣传语| www.686489.com-澳彩即盘-| www.810836.com-彩票走势图规律| www.921353.com-彩神l网址-| www.25kb.com-丛林迷彩图片| www.5142.cn-彩票11选5的玩法| www.94196.com-对福利彩票的认识| www.036616.com-腾讯分分彩规律技巧| www.512391.com-秋景图绘画彩铅| www.607757.com-彩票追加一注多少钱| www.336085.com-香港快三下什么软件| www.885675.com-内蒙古今天快三结果| www.400629.com-澳客足彩网电脑板| www.983.cm-梦迷解图梦册七星彩| www.494963.com-dota2电竞博彩| www.fw78.com-刷彩金-| www.02555.com-好彩票专业版安卓| www.166050.com-快三福彩-| www.707335.com-彩票人为控号| www.5533.win-最近的体彩售票点| www.987829.com-百万彩票兼职| www.mq63.com-举报彩神8怎么举报| 500彩票www.550263.com| www.114543.com-山西福利彩票双色球| www.g97.club-彩票精准预测app| www.61pl.com-天际彩票注册网址| www.0331.org-釉中彩是否有毒| www.45.hk-快三一天有几期| www.95735.com-遵义体彩领奖地址| www.062916.com-手机怎么买福彩3d| www.645962.com-竞彩高手哥-| www.917.net-大悲咒求财中彩票| www.72ew.com-e球彩三场全包| www.2831.shop-人人彩票app骗局| www.301231.com-全民彩票官网电脑版| www.284944.com-最新快彩中奖助手| www.735682.com-斐波那契与彩票| www.880130.com-福彩3d杀码图| www.972339.com-福彩6十1开奖公告| www.bb35.com-江西快三中奖规则| www.1qj.com-为什么喜欢彩票| www.170345.cc-快三顺口溜-| www.267078.com-海南福利快三查询| www.347347.cc-易点彩票一手机版| www.439916.com-哪里买时时彩正规| www.539854.com-齐鲁风彩大乐透| www.6642.cc-乐米彩票升级买不了| www.54800.com-网络交友买彩票| www.101902.com-彩狮计划下载| www.203087.com-快乐彩骗局-| www.348283.com-台湾彩虹频道| www.523605.com-东湖社区福彩讨论区| www.688722.com-彩29网页-| www.814029.com-金豪国际博彩| www.951245.com-9万彩票aqq-| www.144583.com-胆略足彩竞彩分析| www.261441.com-易彩哪里可以下载| www.368963.com-go彩是真的吗| www.476455.com-怎么查彩票黑平台| www.656376.com-博友彩是正规平台吗| www.730908.com-麒麟竞彩官方app| www.867925.com-各种釉彩大瓶图片| www.989111.com-新浪彩票3d论坛| www.152105.com-江苏体彩七位走式图| www.858928.com-今日福彩体彩开奖号| 易彩堂www.55885c.com| www.323171.com-彩票网123-| www.591570.com-信用网博彩-| www.726361.com-体彩五星彩-| www.51uy.com-小班彩虹伞玩法| www.320070.com-足球彩票分析网| www.77wx.com-银川双渠村体彩店| www.886193.com-彩票10086-| www.95zl.com-快三出豹子前兆| www.24222.cc-亚洲彩票是非法的吗| www.723758.com-机选彩票大奖| www.13mv.com-体彩可以在线购买吗| www.758611.com-99彩票可以提现吗| www.902444.com-幸运飞艇双彩网开奖| www.v77.cc-重庆时时彩分析| www.71wd.com-福彩快开新规| www.5154.org-韩国快三138期| www.25871.cc-巨彩led显示屏| www.1389.vip-快三回血是真的吗| www.8898.online旺彩可以买彩票| www.77132.cc-中国福彩贴吧| www.326003.com-万彩吧6合下载| www.431972.com-福彩公告结果| www.539122.com-时时彩梭哈技术| www.620305.com-奥客足彩网-| www.732923.com-下载江苏体彩七位数| www.805418.com-大发快三预测器| www.883039.com-887彩票-| www.954029.com-新浪彩票资讯| www.ls96.com-时时彩宝典官方网站| www.3si.cc-登陆艾彩-| www.71hb.com-vr金星彩票-| www.1845.com-江苏体彩新开奖| www.01695.com-高频彩走势图| www.641021.com-体育彩票标志的颜色| www.935526.com-那些凤凰彩票导师| 乐盈彩票www.lyc55.com| www.eh04.com-福建体育彩票论坛| www.36ry.com-dd彩是真实的吗| www.iu51.com-中国竞彩-| www.t78.shop-内蒙古福彩开奖直播| www.477476.com-北京加盟福利彩票| www.554231.com-彩票推广方案广告语| www.629166.com-中国竞彩网手机投注| www.726664.com-苹果手机怎样买彩票| www.902326.com-哪里可以买3d黑彩| www.967795.com-百合网上的彩票托| www.rw8.com-河北福彩三d走势图| www.ri19.com-快三权威软件| www.16oh.com-体育彩票19033| www.021.mobi-华彩网彩神vl| www.3096.biz-买不了世界杯彩票| www.231621.com-江苏快三单双| www.318293.com-玩彩怎么回本| www.381933.com-泰安市福彩中心地址| www.480081.com-时时彩买单双方法| www.558337.com-海洋彩铅画-| www.609408.com-买彩票中奖的概率| www.673978.com-经财政部批准的彩票| www.739469.com-体彩五码最大遗漏| www.801062.com-梧桐彩票下载| www.863850.com-体彩排列3口诀| www.917722.com-彩虹六号吧-| www.965409.com-钻石彩票网合法吗| 818合彩www.www.9889hc.com| www.cg89.com-江苏快三下载苹果版| www.326513.com-中国福彩3d官网| www.379385.com-彩票中大奖感受| www.452526.com-三地新彩网字谜| www.526491.com-博盈彩票提现不了| www.595422.com-鑫彩网是哪个国家的| www.666768.com-乐彩站是真的吗| www.753107.com-中国彩吧首页i| www.865607.com-熊猫福彩-| www.931959.com-华彩快三-|