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.979918.com-彩票互动区-| www.yc01.com-七星彩历史开奖| www.50qa.com-玩时彩把赢的钱输了| www.1081.vip-快乐彩十二选五开奖| www.397964.com-七星彩算局划归下载| www.542814.com-快三信博彩票| www.642125.com-彩票图形代表的数字| www.747408.com-彩票提现到支付宝| www.831136.com-国内彩票平台排名| www.915280.com-福彩3b天齐网字谜| www.986814.com-7乐彩预测-| www.ek9.com-上海快3爱彩乐| www.sc90.cc-快频彩票官网下载| www.22ru.com-彩乐园ll官网| www.758.org-时时彩后三缩水技巧| www.6127.site-下载中彩网走势图| www.22696.com-福彩网上平台| www.77318.cc-彩经网印尼5分彩| www.038729.com-彩票大奖图片| www.183783.com-网络彩票带赚套路| www.267838.com-时时彩一期必中计划| www.376553.com-彩宝设计图-| www.509108.com-利彩彩票安全吗| www.589055.com-七星彩票图库参考| www.671127.com-幸运彩票外挂| www.760631.com-广东南粤好彩1预测| www.903251.com-彩票大数据分析系统| www.968290.com-网上时时彩怎么举报| www.xz9.com-快三下期预测号码| www.tk40.com-内蒙古福彩3d| www.13ci.com-九州体彩-| www.92ba.com-彩票怎么刷佣金| www.3251.xyz-旧重庆分分彩| www.9299.loan-双色球彩民-| www.78381.cc-大优彩票注册网址| www.037955.com-手机彩票组合软件| www.140324.com-华宇彩票平台怎么样| www.227445.com-机械表一天快三秒| www.309608.com-福建体彩公式出码| www.387946.com-网上骰子好运快三| www.552522.com-彩票出票查询| www.645394.com-手游彩坑了多少人| www.740070.com-体彩和福彩哪个好干| www.822336.com-七星彩18143| www.901615.com-今晚福彩3d开奖号| www.971407.com-爱玩彩票app下载| www.bw87.com-福利彩票系统| www.vc35.com-河南快三号码走势图| www.15ny.com-彩票店如何组织合买| www.666.top-今曰开奖彩票| www.4969.biz-玩彩票的最好软件| www.09671.com-微信玩时时彩犯法吗| www.55914.com-k彩联系客服| www.004548.com-秒彩票开奖-| www.078040.com-猜冠军彩票是骗局吗| www.150711.com-直击黑彩福彩| www.365486.cc-彩天地靠谱吗| www.468660.com-买动物的彩票| www.560416.cc-天天彩于海宾| www.633859.com-七彩教育集团总部| www.761439.com-彩票中一亿交多少税| www.855739.com-彩先知最新报价| www.927395.cc-中国体彩直播| www.988042.com-福建体彩网官方首页| www.mn.cc-中国竞彩网aap| www.pc02.com-安徽快三开奖助手| www.05aj.com-看福利彩票开奖| www.82fd.com-福彩奖池累计| www.2358.me-彩票开奖提示图片| www.8434.vip-魔方彩票正规吗| www.61225.com-彩票开奖查视频| www.022851.com-排三彩吧助手走势图| www.100199.com-一定牛彩票真假| www.172363.com-大发快三和值规律| www.284563.com-时时彩规则及奖金| www.373333.com-快三追两不同号| www.500410.com-河内五分彩正规吗| www.576070.com-体育彩票的基本知识| www.652697.com-彩之网实时统计数据| www.762612.com-红旗彩票中彩| www.842110.com-体育彩票专项资金| www.900283.com-567彩票官方下载| www.967224.com-彩票两句顺口溜| 大赢家彩票平台www.810517.com| www.jz33.com-彩票2元下载软件| www.e48.net-nba彩票购买| www.37ev.com-易彩靠谱不-| www.1197.pw-香港都有什么彩票| www.7724.com-竞彩奖金计算公式| www.26622.com-七星彩内部透露| www.71149.com-体彩开奖号码公告| www.061061.cc-天干地支与彩票关系| www.144132.com-福利彩票真的能中吗| www.233740.com-快三豹子遗漏安徽| www.308530.com-彩38手机版-| www.376944.com-香港十二生肖彩客网| www.520983.com-如何判断快三出号| www.590810.com-彩票开奖查询奖| www.664672.com-彩铅画水果入门教程| www.739560.com-福彩开业宣传语| www.813734.com-甘肃体彩11选五| www.887478.com-釉下五彩瓷特点| www.cai0111.com北京快三一定牛| www.kh02.com-双彩图3d-| www.c95.club-五洲彩票官方网站| www.33kq.com-2元彩3d走势图| www.0783.blue-彩6邀请码-| www.7161.biz-奢华彩宝-| www.21396.cc-广州体彩大乐透领奖| www.63963.com-足彩红七公微博| www.036637.com-3d乐彩网-| www.122320.com-彩票倍投计算器网页| www.193965.com-大发快三彩票群| www.266338.com-福利彩票双色球倍数| www.373699.com-青海百宝彩票| www.496308.com-彩票刮刮卡透视眼镜| www.566434.com-河南体彩48-| www.632963.com-成都七彩滑道在哪| www.699015.com-时时彩规律-| www.773166.com-世界杯买足彩心得| www.893673.com-爱投彩票苹果下载| www.951357.com-澳客彩票网wap版| www.991198.com-cc彩票网-| www.cp1518.com-快三线上平台| www.ma01.com-一分快三软件计划| www.h91.com-49彩票平台软件| www.39bz.com-中国体彩网彩票| www.5373.cn-f彩网-| www.03156.com-333彩票网安全吗| www.61114.com-01cc第一彩票| www.016903.com-福彩3d计算器组选| www.081813.com-有老师带的福利彩票| www.147569.com-d8彩票官网-| www.254654.com-好彩快三骗局| www.323618.com-七乐彩历史开奖数据| www.388615.com-彩票牌照2019| www.525401.com-福彩马莉萍-| www.605014.com-香港本土彩票官方网| www.672230.com-彩票双胆选号| www.741096.com-香港有啥彩票| www.806967.com-收藏奥运彩票多少钱| www.874554.com-山西福彩中心电话| www.979194.com-福福彩-| www.dc38.com-5分快三精准计划| www.tc43.com-彩票昵称取什么好| www.08rq.com-河北省彩票管理中心| www.72wl.com-福彩排列-| www.0775.cm-铁公鸡七星彩| www.8215.biz-玖富彩票江西快三| www.26876.cc-幸运七星彩官网| www.66019.com-老彩民高手坛| www.034907.com-彩票正规平台在哪找| www.115888.com-七乐彩定胆杀号| www.176221.com-安徽福彩快三遗漏号| www.266742.com-快三输钱-| www.344078.com-彩票123助手| www.407996.com-彩票店有节假日吗| www.507187.com-彩票怎样使用| www.569696.com-香港买的好彩香烟| www.639091.com-开体彩店咨询电话| www.764553.com-玩彩六点半-| www.839506.com-好彩绿盒-| www.897695.com-多彩贵州城建设| www.958190.com-福彩3d什么号|