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.107644.com-中福彩票群-| www.693728.com-吉林快三正规吗| www.810570.com-悟空彩票提现安全吗| www.889908.cc-七乐彩那天有| www.959453.com-彩图库大全-| 中彩网www.61233y.com| www.jf09.com-北京福彩论坛| www.949929.com-健康新标准五快三良| www.cp2211.cc-福彩快三技巧规律| www.84fo.com-彩票团队大小计划| www.377975.com-武汉体彩竞彩转让| www.639324.com-大吉网买彩票安全吗| www.722448.com-网络快三怎么骗人| www.803279.com-七星彩明月珰| www.876769.com-500彩票是真是假| www.951019.com-奥客网彩票电脑版| 大钱庄彩票www.55587.com| www.iz28.com-体彩开奖今日| www.615812.com-彩票七位数中奖号码| www.821170.com-时时彩单期计划网站| www.928207.com-哪种高频彩玩的人多| www.989615.com-49c永利彩票网址| www.di08.com-买生肖属于什么彩票| www.k20.cn-中国彩吧更懂彩民| www.46ci.com-广西十分彩快乐十分| www.659624.com-全民足球竞彩下载| www.29355.cc-手机app体彩| www.478956.com-竞彩单注最高奖金| www.5094.biz-福利彩票几点截止| www.65164.com-世界杯竞彩比分| www.of88.com-网络快三大小单双| www.47ss.com-互站彩票-| www.99122.cc-微信彩票竞猜补偿| www.567792.com-502彩票-| www.688395.com-竞彩店微信-| www.345873.com-酷彩彩票官方| www.501837.com-那个软件能买足彩| www.231084.com-快三三军玩法机率| www.754639.com-七星彩预测号码显示| www.860413.com-好彩香烟价格表| www.939025.com-58彩票老版本| www.987374.com-澳客足彩论坛| www.al21.com-广东福彩发行中心| www.9cg.com-劲球彩票玩法| 九五至尊www.997666.com| www.704579.com-足彩胜负比分开奖| www.955168.com-博大彩票邀请码| www.77gr.com-快三开豹子前兆| www.3107.me-彩票站一般几点开门| www.9499.tv-有什么彩票是6位数| www.84077.cc-河南郸城县彩礼| 大赢家彩票www.5086v.com| www.194400.com-最全的快三彩票平台| www.cp9772.com-青海快三历史走势图| www.051038.com-彩票销售平台怎样做| www.82572.com-足彩19040分析| www.8988.bid-彩票黑蝴蝶-| www.391572.com-体彩5开奖-| www.505486.com-3d彩界九哥赌一胆| www.573766.com-甘肃省快三助手下载| www.648648.com-彩宝都有什么| www.719137.com-中国体彩七星彩| www.806281.com-彩民村高手资料| www.873921.com-520快三下载安装| www.965997.com-今晚福彩中奖号码| www.cp890.cc-大发快三代理| www.632030.com-时彩秘籍-| www.7666.wang-彩城彩票是真的吗| www.82782.cc-足彩当前期对阵预测| www.95570.com-体育彩票公益金比例| www.610014.com-彩票372-| www.703680.com-河北福彩官网首页| www.793073.com-涿州福彩中心在哪| www.931904.com-网上中彩票图片| www.990607.com-中体彩网官网| www.ln68.com-旺彩app下载苹果| www.04eq.com-彩客彩票吧-| www.jp55.com-福彩3id今晚推荐| www.z31.net-彩神快3是不是个坑| www.66189.cc-体彩奖号app| www.083397.com-福彩3d开奖时间| www.cr66.com-彩票争霸-| www.wf96.com-时时彩后三计划| www.50ua.com-中彩票双色球下载| www.809.net-七乐彩专家荐号| www.4326.com-鑫彩彩票平台登入| www.23113.com-体育彩票纸-| www.397031.com-2000年彩票-| www.587262.com-体彩保定十一选五| www.664325.com-海南七星彩规律教学| www.734709.com-新浪爱彩平台| www.825759.com-山西大清快三真假| www.940035.com-海南体育彩票交流群| www.984762.com-青海福彩中心地址| www.cp9766.com-福彩福建快三走势| www.ss47.com-上海快三号码推荐| www.09gb.com-市体彩中心电话| www.65yq.com-天下彩资料-| www.ar93.com-重庆贵族快三开奖图| www.864.me-时时彩打法技巧大全| www.635661.com-合法正规的彩票网站| www.896491.com-华夏彩票平台登录| www.963003.com-彩铅画山水图片大全| 众乐彩票www.236844.com| www.9090.live-儿童彩铅画图片蛇| www.202225.com-贵阳市福彩中心| www.274771.com-极速时时彩怎么选号| www.365200.cc-玩彩票怎样才能赚钱| www.456338.com-旺彩彩票计算器下载| www.1578.in-奥运彩票价值多钱| www.00401.cc-彩票改号事件| www.229817.com-百盈快三骗局揭秘| www.595259.com-福建快三计划| www.690297.com-7乐彩结果-| www.811188.com-江苏快三倍投数据表| www.885153.com-国民彩票官网| www.951277.com-足彩波胆什么意思| www.993171.com-随时赚彩票苹果版| www.aq61.com-遵义市福彩中心| www.wp26.com-福彩走势图制作| www.24rq.com-手机保护膜彩膜| www.1745.vip-鸿彩网快三-| www.7328.vip-彩虹5巡航速度| www.21673.cc-彩民之家开机号今日| www.1581.net-七星彩怎样寻找规律| www.8421.vip-m8彩票网-| www.640080.com-福彩蛋蛋是什么意思| www.717260.com-初学彩铅多少色的好| www.564367.com-时时彩稳赢投注技巧| www.2717.com-彩客网七星彩| www.9676.xyz-彩宝彩票cb8苹果| www.637964.com-附近的竞彩店| www.739486.com-上海彩亿骗局揭秘| www.843629.com-福彩考试知识题库| www.892977.com-下载福利彩票app| www.ih86.com-福彩3d彩宝网| www.56wd.com-七星彩开奖结果视频| www.2777.live-人人彩骗局-| www.53546.com-彩虹6号怎么说话| www.060662.com-公职人员参与黑彩| www.785198.com-胜彩票-| www.987703.com-038彩票作弊案| www.bm98.cc-易网彩票下载安装| www.b96.club-大发快三怎么看| www.042806.com-彩票平台广告词| www.ij65.com-福利彩app-| www.17fs.com-买彩票书-| www.621937.com-网络兼职买彩票| www.723123.com-福建体育彩票网官网| www.802407.com-竞彩总进球数规律| www.862112.com-七乐彩今日开奖号码| www.905996.cc-篮球竞彩计算器| www.965579.com-网络彩票不给提款| 易盈彩票www.7793j.com| www.67911.com-北京快中彩奖池| www.833119.com-彩九版本下载| www.939237.com-d9彩票下载安装| www.cai2228.com福彩3d字谜图大全| www.8264.top-重庆时时彩直选遗漏| www.22935.cc-体彩7位数开奖查询| www.986752.com-快三的奖金表| www.ar45.com-网易购彩属于网易吗| www.a19.in-618彩票下载安装| www.6450.biz-香港彩富网48cf|