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天

知道了
必赢3D www.679227.com-老高侃彩-| www.917278.com-彩铅画简单家| www.21446.com-彩票跟单员是传销吗| www.025372.com-福彩都有哪几种玩法| www.331624.com-彩票热冷号分析| www.913596.com-彩客竞彩彩票安卓| 梦想彩票站www.43131n.com| www.mr61.com-彩票店吃票犯法吗| www.22bq.com-博发彩票网站| www.680623.com-福建体育彩票官网站| www.788328.com-竞彩网资讯中心| www.879008.com-幸运快三是官方彩吗| www.929907.com-美国彩票领取规则| 中彩网www.81233r.com| www.812979.com-华彩咨询怎么样| www.513788.com-彩票下载app送金| www.599398.com-彩票如何买中奖率高| www.698426.com-福利彩票销售厅工资| www.784219.com-众彩批发市场| www.964753.com-海南琼崖快三| www.cai8008.com网上快三怎么玩稳赚| www.86xq.com-七星彩论坛海口彩网| www.200531.com-体彩19032期| www.288518.com-幽默的彩票宣传语| www.625853.com-19026期胜负彩| www.998134.com-北京福彩联系电话| www.jx38.com-长春福彩中心| www.03sv.com-彩铅风景初级教程| www.97hw.com-彩排的心情说说| www.079632.com-飞鱼彩票算法| www.3873.pro-首页中国竞彩网首页| www.210057.com-大发快三是国家的吗| www.597797.com-中国竞技体育彩票| www.960740.com-时时彩送38-| 500彩票www.52072u.com| www.999923.cc-双色球彩民村彩民网| www.ij47.com-500万彩-| www.l52.cn-中彩股份内蒙古快3| www.87ud.com-什么是小盘彩票| www.571993.com-双彩字谜论坛字谜| www.659017.com-福彩堂高手彩票| www.837565.com-亮力彩-| www.610765.com-福彩3b开奖码| www.712150.com-来个靠谱平台玩彩| www.60430.com-凤凰彩票能提现吗| www.030739.com-时时彩婚恋骗局| www.140213.com-幸运时时彩有官网吗| www.110147.com-彩乐透官方网站| www.84464.com-彩钢瓦多少钱一吨| www.11208.cc-老徐足彩微博| www.68768.cc-彩票选号神器有用吗| www.615779.com-赢彩计划软件手机版| www.174362.com-快三哪些省份是真的| www.276279.com-p幸运快三代玩| www.367861.com-彩铅飞翔的鲸鱼| www.456136.com-球彩台妹头| www.9029.cm-长春竞足彩销售点| www.54708.com-福彩三d缩水| www.009342.com-天下彩免费123| www.079043.com-app大玩家彩票| www.706755.com-实时彩平台一条龙| www.801920.cc-大老头彩票-| www.873470.com-体彩排列3开奖| www.00799.com-体育彩票顶呱刮玩法| www.55120.com-竟彩心得经验| www.163380.com-10分彩是真的假的| www.36ei.com-万彩网六彩-| www.78jm.com-竞彩场次减少| www.3432.vip-北京一分钟赛车彩票| www.00551.cc-南方南方双彩网首页| www.60567.cc-51彩店靠谱吗| www.019916.com-湖北快三杀号网易| www.090007.com-亚博篮球彩票规则| www.98557.com-足彩5串16玩法| www.120454.com-078彩票app-| www.697750.com-彩票大赢家网| www.814900.com-彩60app-| www.904178.com-福州市体彩中心领奖| www.979899.cc-广州体彩自助终端机| www.by71.com-湖北快三未出的号码| www.vi11.cc-利彩app下载| www.23rc.com-台湾威力彩-| www.172023.com-快三开奖结果河南| www.280108.com-时时彩预测计划| www.380965.com-七乐彩在哪直播| www.098896.com-传统彩灯制作| www.183829.com-河南快三中奖规则| www.315665.com-彩票店布局-| www.980926.com-彩788预测-| www.jw93.com-彩虹代表的意义| www.p18.me-万禧彩票-| www.9876.shop-淮安彩票店店铺出租| www.113408.com-各种釉彩大瓶海报| www.029049.com-内蒙快三软件下载| www.614342.com-彩组词有哪些| www.7393.net-c彩61彩票-| www.601251.com-彩票专套穷人钱| 众彩www.526820.com| www.158436.com-体彩北单是什么意思| www.324722.com-七k官方彩票平台| www.100079.cc-畅赢彩票-| www.076116.com-买属相彩票-| www.00588.cc-乐彩网彩搜网| www.td.cc-宁夏快三在线走势图| www.rk38.com-彩票中奖真人真事| www.1xx.com-怎样最容易中彩票| www.54on.com-移动彩票是什么| www.410.biz-时时彩7码推波方案| www.5409.cn-中福快三能赢钱吗| www.002270.com-七乐彩中了五个好| www.062951.com-沈阳彩票站利润咋样| www.586334.com-彩票机器做手脚| www.719433.com-体彩玩法说明| www.975834.com-洛阳洛龙区彩礼多少| www.sf68.cc-腾讯分分彩平投盈利| www.59og.com-体育彩票销售点距离| www.5ci.cc-彩票定胆位计算公式| www.686303.com-福利彩票aqq下载| www.418722.com-彩票店怎样盈利| www.518924.com-乐米彩票客服电话| www.638372.com-附近哪有体彩销售点| www.712615.com-分分彩永不输钱方案| www.874232.com-博彩源码-| www.934775.com-来彩网能买彩票么| www.984380.com-重庆时时彩诈骗| www.mf39.com-好彩下载-| www.492657.com-彩票出黑团队| www.567954.com-彩票广告贴怎么弄掉| www.633838.com-信特斯收购虹彩| www.937175.com-鸿博彩票下载| www.987939.com-仲彩娱乐登录| www.ei1.com-快三屠龙是什么意思| www.897187.com-长龙助手彩票平台| www.4650.vip-中彩票是运气好吗| www.616014.com-一百万彩票-| www.95311.cc-体彩本身的属性| www.083333.cc-福彩快三哪些省份有| www.474477.com-彩票计划导师能信吗| www.576483.com-唐山福彩兑奖处| www.235655.com-齐鲁风采七乐彩下载| www.066029.com-273彩票-| www.882805.com-易彩娱乐赢多少会黑| www.84pr.com-福清彩票-| www.954596.com-微信中彩在线| www.8663.live-体彩p3杀码最好| www.82465.com-星梦彩票综合图表| www.042920.com-彩票网店宣传| www.5573.com-丹东彩票谜语图| www.090013.com-红彩邀请码是多少| www.121090.com-福彩双色球选号技巧| www.y57.club-体彩大乐透诗谜总汇| www.036868.com-彩票软件哪个最可靠| www.jg91.com-网易彩票怎么兑奖| www.638009.com-世界杯冠军竞彩网| www.53296.cc-分分彩智能计划软件| www.77306.com-中奖号码查询彩票| www.868477.com-01彩票官网网址| www.963415.com-乐彩快三开奖结果| www.7702.cc-彩票快速导航| www.37583.cc-福彩抽奖活动| www.459627.com-约彩365是真的吗| www.8592.cc-体彩排列三华仔双胆| www.83bb.com-移动彩云注销| www.1691.vip-彩票008资讯版|