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.974071.com-广西快三和值预测| www.dt12.com-快彩在线网址| www.yv84.com-云南福彩中心白云路| www.526259.com-时时彩后二玩法技巧| www.613951.com-香港生肖彩票| www.704518.com-265彩票客户端| www.780308.com-福利彩票的申请条件| www.853626.com-好彩快印-| www.916004.com-重庆时时彩彩注册| www.973343.com-彩虹合唱歌词| www.cai8884.com广西快三技巧| www.304057.com-甘肃体彩开奖结果| www.591508.com-买竞彩足球能发家吗| www.777123.com-锋彩直播ios| www.976461.com-安阳彩礼一般给多少| www.lg01.com-彩运宝app-| www.55bx.com-购买福利彩票公众号| www.9684.tv-彩宝118下载地址| www.039315.com-今日彩票合买大厅| www.190316.com-吉林省快三儿| www.365933.cc-福彩今日试机号码| www.560083.com-澳门快三是什么样的| www.715454.com-微彩吧怎么提现不了| www.873768.com-彩35网址-| www.994690.com-彩票领奖安全吗| www.ru21.com-我爱彩票首页| www.78xs.cc-生产彩板-| www.948960.com-超彩app-| www.eg3.com-破解彩票平台的软件| www.ug30.com-快三的和值怎么预算| www.375323.com-七星彩开奖在哪个台| www.e73.com-福彩30选七走势图| www.688.hk-福彩快3官方网| www.51136.cc-盈盈彩票网址是多少| www.4289.org-246天天彩下载| www.49222.cc-下载富贵彩票| www.pd94.com-体彩排列7-| www.171.biz-大地彩票软件| www.9923.cn-福利彩票24期开奖| www.118430.com-境外彩票网站有哪些| www.q18.net-湖南福彩兑奖地点| www.7057.vip-468彩票官网| www.85732.cc-彩票网页版-| www.109083.com-彩泥大全简单又漂亮| www.196191.com-爱彩乐大发快三套路| www.361909.com-足彩加官网下载安装| www.505051.com-彩票之神-| www.606808.com-生肖虎彩票中奖号码| www.717118.com-蜡质彩铅画-| www.807327.com-姜山冷门唯彩会| www.949581.com-大彩鲸快3下载| 众乐彩票www.683944.com| www.tr44.com-中国福利快3彩票| www.15iy.com-腾讯分分彩后三跨度| www.95qm.com-什么是红彩网直播| www.4018.vip-谁有永利彩票网址| www.247335.com-彩富网香港官方| www.340230.com-新浪网足彩-| www.964929.com-114彩票旗舰网| www.283539.com-七星彩兑奖方式| www.424879.com-官方彩九app下载| www.596913.com-乐购彩票怎么注册| www.792322.com-不用彩票能兑奖吗| www.897499.com-广东福利彩票玩法| www.994728.com-正规好彩客下载| www.89481.com-彩票十一选五手机版| www.103634.com-体育彩票6十1| www.244515.com-呼市福彩-| www.360160.cc-黑彩服务器在哪买| www.480775.com-两分快三真的存在吗| www.596038.com-福豪彩安全不| www.695583.com-福彩快三计划团队| www.831329.com-网易彩票辉哥什么梗| www.955461.com-高频彩销量下滑原因| www.142456.com-彩票大师免费下载| www.418671.com-152彩票怎么样| www.573289.com-饰彩的是怎么解释| www.713710.com-七彩色是哪七种| www.908341.com-最新版本人人中彩票| www.cp7070.com-套彩金骗局-| www.vl65.com-凤凰彩票网提现失败| www.00236.com-彩娃彩票可信吗| www.953464.com-竞彩360直播比分| www.121873.com-找微信彩票群| www.048544.com-福彩排列五走势图| www.211753.com-福彩6选3怎么玩| www.356214.com-每日足彩分析| www.516668.cc-彩票守号容易中奖| www.799590.com-彩票快2中奖多少| www.927248.com-足彩对阵-| www.13sh.com-山东体彩官方| www.1862.cn-快三里怎么砍龙| www.528190.com-蝴蝶彩色画-| www.455564.com-买彩票欠债劫公交| www.623583.com-中国福利彩票最低奖| www.226586.com-三分彩-| www.544877.com-粤客彩票-| www.054239.com-北控国彩科技app| www.539249.com-彩票能中的人运气| www.838020.com-男子买两张同号彩票| www.cp6632.com-安徽省快三一定牛| www.0fu.com-乐福彩票黑不黑| www.0435.cn-兼职让你下凤凰彩票| www.328760.com-免费申请领取彩金| www.921172.com-神彩彩票app| www.026861.com-辉煌彩票官网| www.443770.com-大庄家彩票黑钱吗| www.654072.com-二元彩票平台| www.680528.com-35彩票怎么样| www.809024.com-彩吧助手彩票| www.889087.com-南洋乐和彩免费资料| www.964065.com-胜负彩一等奖| 天下彩www.534680.com| www.oe58.com-天津有快三吗| www.44tv.com-uc注册彩票安全吗| www.0574.in-中原招彩网-| www.0639.com-用统计学推算彩票| www.8977.me-彩票平台注册登录| www.368317.com-七星彩明月珰书包网| www.496049.com-地下博彩-| www.567669.com-大发快三专家计划| www.645151.com-內蒙快三360| 大玩家彩票www.9478j.com| www.7ba.com-宁波市福彩中心| www.576250.com-南京体育彩票兑奖| www.897257.com-澳洲彩票中奖规则| www.505093.com-竞彩足球怎么抓平局| www.473114.com-彩乐园平台是真是假| www.68rw.com-下载酷彩-| www.3513.win-天天爱彩票怎么回事| www.522892.com-分分彩买大小规律| www.665937.com-七乐彩开奖各等奖金| www.853501.com-江苏快三的计算方法| www.301685.com-全民中彩最新版| www.196534.com-福利彩票开奖查询| www.121293.com-询问加入微信彩票群| www.88xg.com-正规买彩票的网| www.206901.com-彩票网站推广| www.131516.com-七乐彩设奖表| www.255149.com-加微信送38彩金| www.970485.com-排列五体育彩表| www.611109.com-彩38平台安全吗| www.130899.com-福彩杀码图库| www.110641.com-甘肃体彩手机在线| www.205654.com-十分彩开奖结果查询| www.257668.com-甘肃快三的开奖号| www.360059.com-海南严打私彩| www.101290.com-足球胜负彩预测捷报| www.757745.com-248彩票网安全| www.905969.com-赌黑彩什么罪| www.983881.com-中国福彩兑奖| www.000056.cc-海南4十1彩票图库| www.206254.com-网上快开彩票骗局| www.447443.com-网易彩票网杀号| www.913267.com-时时乐彩神通软件| www.3617.cc-立彩彩票计划| www.070096.com-大发时时彩有人赢吗| www.99qz.com-买彩票能研究吗| www.177053.com-河南快三投注技巧| www.506599.com-彩宝贝3d走势图| www.764700.com-cai彩票-| www.326379.com-彩吧助手试机号| www.972775.com-彩虹岛w国服在哪| www.9874.in-唯彩会彩票销量|