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.dh47.com-全天彩票实时计划| www.137346.com-竞彩计划单表格| www.0321.cn-二手福彩机能过户吗| www.563686.com-彩票大概率玩法| www.2661.com-便民工作室彩吧| www.209.net-好运来博彩-| www.2666.org-九九彩票旧版| www.71438.com-福彩福彩开奖结果| www.547456.com-群里安徽快三靠谱么| www.8006.net-海南彩票开奖直播| www.031962.com-海南私彩网-| www.219571.com-黑龙江福彩快乐十分| www.18jy.com-好彩网双色球走势图| www.3248.in-冠彩直播下载| www.352034.com-外围基诺彩太假了| www.828918.com-彩票站老板打错数字| 网易彩票www.26163y.com| www.19ko.com-上海彩亿公司靠谱吗| www.4845.cc-体彩高频电视接收器| www.025401.com-北京快乐彩8| www.175152.com-官方快三的平台网址| www.347422.com-天天爱彩票公司| www.536125.com-金冠彩票-| www.120347.com-彩迷张的双色球专栏| www.99924.cc-体彩e球彩有规律吗| www.268617.com-3d快三开奖结果| www.1tx.com-台湾运彩官网| www.021857.com-竞彩258球迷下载| www.195231.com-贵州快三跨度| www.308692.com-oe彩票下载-| www.433370.com-500竞彩网官网| www.539438.com-彩创天地手工陶艺| www.611682.com-福彩3d走势彩经网| www.681115.com-彩票该不该买| www.655365.com-四川彩妆加盟店| www.732561.com-大彩网官网-| www.839543.com-手机版pc彩票| www.974541.com-掌中彩福利彩票| www.qi52.com-下载立彩app| www.24zz.com-派彩和返水-| www.723743.com-南方彩票网专业预测| www.777125.com-锋彩直播安卓手机版| www.864982.com-彩票压大小稳赢公式| www.936056.com-八马彩票聊天室| www.990026.com-旺彩3d开奖下载| www.bp33.com-彩1官方-| www.5662.com-必发彩票官方网站| www.15178.cc-温州福彩中心在哪里| www.842845.com-足彩大小球看初盘| www.948059.com-四川省体彩中心主任| www.im16.com-澳客网彩票官网| www.8169.shop-各种釉彩大瓶在哪| www.637093.com-彩虹六号壁纸手机| www.822793.com-篮彩大小分算加时吗| www.914321.com-亿发彩票靠谱不| www.cai3374.com内蒙快三中奖| www.sj21.com-最新彩票中奖号码| www.848426.com-体彩专家杀码预测| www.369026.com-福彩三d5000期| www.029107.com-彩票收藏精品图片| www.1aa.cc-彩乐坊快三-| www.015814.com-下载旧版够力七星彩| www.206786.com-珍爱网彩票男| www.283458.com-体福彩开奖结果查询| www.353326.com-广东彩妆进货渠道| www.237016.com-竞彩支持比例| www.036041.com-九彩凤凰神兽| www.681418.com-乐中彩平台可靠吗| www.pw72.com-西官彩-| www.223.me-乐彩股份-| www.358082.com-霸主时时彩软件真假| www.503913.com-山东体育彩票115| www.586934.com-哪个app能买篮彩| www.692098.com-高频彩套利是真的吗| www.808101.com-竞彩彩票怎么退款| www.632635.com-七彩视界账号注销| www.255058.com-51时时彩计划网| www.341375.com-体育彩票猜世界杯| www.465737.com-5d彩超图片-| www.eo64.com-快三彩票网站源码| www.5xo.com-彩票有什么技巧嘛| www.135.gg-彩虹的约定歌曲视频| www.71ky.com-恒彩app下载| www.0137.cm-中彩网3d字谜论坛| www.907909.com-海南七星彩包码怎么| www.320278.com-大乐透家彩网开机号| www.438989.com-营业中体彩店转让| www.320.cm-好彩网hcw-| www.895040.com-福彩投资-| www.zx4.com-彩票开奖网-| www.671105.com-314彩票-| www.0757.win-河北体彩竞彩| www.87189.com-手机怎样买彩票网站| www.136694.com-利彩网443978| www.229023.com-江苏体彩大乐透| www.309578.com-吉林省彩票官网| www.420318.com-彩票站效果图模板| www.533918.com-那个彩票平台好| www.021299.com-7k彩票-| www.854299.com-数字彩票走势图大全| www.498924.com-女孩说玩彩啥意思| www.727162.com-玩足彩能赚钱吗| www.838594.com-七乐彩电视开奖直播| www.948648.com-好运快三是哪里的| www.im6.com-快三专家预测推荐| www.34sn.com-彩票彩票交款通| www.95305.com-谁有重庆时时彩群| www.120233.com-中国足彩即时比分| www.199492.com-浙江福彩双色球开奖| www.262207.com-60彩票app下载| www.357943.com-双色球彩票购买时间| www.442322.com-网易彩票为何买不了| www.571007.com-好彩妹和宴喜| www.15197.com-河北快三投注计划| www.412721.com-今日3d彩票开奖| www.ri49.com-快三作弊辅助器| www.998046.com-玩彩网官网下载| www.88198.com-英国彩票最大奖号码| www.rs93.com-彩票256-| www.52lk.com-丰彩涂料价格| www.17099.cc-上海昨天快三开奖| www.021607.com-皇冠彩票平台| www.722822.com-华阳彩票官网| www.509516.com-彩虹的约定伴奏简谱| www.019359.com-快乐彩票一彩种| www.2350.xyz-七彩影院在线观看| www.584918.com-彩家网-| www.765475.com-今晚七星彩神算子| www.971445.com-易彩票下载网址| www.pj56.cc-彩票分析师资格证| www.7753.loan-足球竞彩伤停情报网| www.312588.com-鑫彩娱乐靠谱吗| www.792038.com-福彩编号是什么| www.948737.com-福彩3的多彩网| www.948697.com-微信群玩快三好多拖| www.ve32.com-江苏福彩‖江苏体彩| www.809833.com-9号彩票登录地址| 88彩票www.cp9829.com| www.155158.com-足彩任九定胆技巧| www.091638.com-微微彩票用户注册| www.948185.com-中彩网开机号| www.574702.com-糖果彩app客户端| www.651705.com-棋牌彩票源码| www.712879.com-杏耀分分彩骗局真相| www.782316.com-挂牌彩票网-| www.847776.com-甘肃福彩3d查沟| www.910412.com-彩神之首双色球| www.971141.com-吉祥彩票官方网站| www.jz7.com-体彩排三试机号| www.219405.com-福建官方体彩网| www.2638.cn-22时时彩平台| www.08592.cc-鸿彩灯光官网| www.81577.com-吉林省福彩快三预测| www.9gk.com-体彩中六个数多少钱| www.241515.com-彩吧彩票app| www.49971.com-彩神预测138| www.237120.com-中国体彩网手机版| www.798715.com-ss盛世彩票-| www.0500.cn-福彩大家乐游戏规则| www.971459.com-发布彩票马甲包违法| www.48rf.com-张星彩皮肤-| www.435999.com-中彩网四川福彩网| www.356602.com-怎么看自己中彩票| www.691211.com-山东福彩二十选五|