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天

知道了
TT快3 www.21.com-预感彩票要中| www.1222.vip-全民中彩票软件| www.01242.com-天天中彩票提款冻结| www.67577.com-福利彩票总部天津| www.040842.com-足彩怎么看盘| www.137767.com-大佬彩票app| www.230196.com-盈彩骗局揭秘| www.317966.com-吉林快三走势图单双| www.405241.com-山东体彩三亿| www.527461.com-彩票网直播-| www.667692.com-彩票案王素英| www.765482.com-官网和私彩没有链接| www.918737.com-银河博彩-| GO彩www.gei30.com| www.gb06.com-凤凰彩票只有输| www.c03.club-七星彩万能十二码| www.44xe.com-彩虹7号是什么游戏| www.0143.cc-彩色的造句子一年级| www.9943.biz-一彩票是正规的么| www.60074.com-福体彩开奖号码| www.025451.com-如何进入彩票数据库| www.110509.com-七星彩万字表图| www.189926.com-买彩票平台-| www.273189.com-福彩是假的吗| www.402336.com-dd彩可信吗-| www.521568.com-保定福彩双色球| www.603677.com-彩票快3开奖号| www.682661.com-国家对彩票站的政策| www.772858.com-今晚有七乐彩预测| www.897480.com-彩99软件合法吗| www.963094.com-彩色混凝土耐磨地面| 亚洲www.183676.com| www.jj32.com-快三怎样猜和值大小| www.k65.com-掌上购彩破解| www.53dv.cc-2018彩票行家| www.0524.top-果果彩票-| www.01497.com-和彩印客户端下载| www.61763.cc-彩票字谜大全及答案| www.025729.com-福彩专家杀码和值点| www.106772.com-七星彩打什么奖| www.182047.com-彩票开奖快三| www.263632.com-3d新彩吧布衣天下| www.389755.com-体育彩票店在哪| www.520961.com-快三组合号有哪些| www.596994.com-山东竞彩-| www.675347.com-今天体彩开奖| www.760728.com-时时彩赌番摊| www.874124.com-体育彩票奖励规则| www.965602.com-快三猜不出的好平台| 大玩家彩票www.dwj0066.com| www.jp89.com-彩6官网下载| www.i94.org-蚂蚁彩票几年了| www.46eo.com-易彩网开奖结果| www.914.xyz-彩虹羽泉原版| www.5770.cn-tt彩票怎么破解| www.15399.cc-嘉兴福彩中心地址| www.62626.cc-竞彩足球单场预测| www.090303.com-上海快三江苏走势图| www.164580.com-百姓彩票网论坛| www.268267.com-山东体彩论坛排列三| www.365028.com-套彩是什么-| www.464708.com-基诺型彩票高频吗| www.559262.com-福彩兑奖多久到账| www.635681.com-合装彩虹糖-| www.762689.com-福利彩票免费领彩金| www.864622.com-6698彩票网下载| www.937949.com-好彩客下载地址| www.984671.com-好彩网登录网址| www.u68.com-网上博彩公司| www.56sx.com-汕头彩票中奖新闻| www.0334.net-手机购买福利彩| www.8037.biz-水彩初学教程| www.31726.cc-吉林快三电子走势图| www.78138.cc-购彩骗局-| www.032891.com-福彩通邀请码| www.123766.com-地球人彩票网页版| www.219648.com-我想买彩票中大奖| www.297292.com-大发快三投注心得| www.368756.com-快三追号公式| www.463598.com-大掌柜彩票大发快三| www.553687.com-竞彩5000万-| www.625960.com-第九彩票网址| www.697676.com-七星彩今天机选号码| www.775829.com-邯郸体彩中心| www.961528.com-彩票码-| 东方国际www.055982.com| www.gs68.cc-大发分分彩计划在线| www.yo26.com-网络美女代购彩票| www.23fc.com-彩票网站出不了款| www.0303.com-网络彩票都是假的吗| www.5930.com-体彩张驰-| www.12532.cc-学买彩票-| www.58153.com-购彩盈利-| www.042964.com-彩票广告贴怎么弄| www.130376.com-七星彩大彩网走势一| www.207079.com-至尊彩app网站| www.279636.com-福彩快三游戏图片| www.384040.com-美国28是什么彩票| www.508009.com-什么app玩时时彩| www.580923.com-天空彩牛网-| www.657109.com-彩票坊论坛-| www.769675.com-好彩官网app| www.843080.com-慈善与福彩-| www.907618.com-嘉定体彩-| www.968726.com-彩神喷绘机官网| www.uq5.cc-福彩体彩开奖查询| www.qd13.com-彩票093-| www.03do.com-足彩投资宝典| www.74hc.com-排列三天吉彩票| www.1166.com-开心网彩票怎么看懂| www.9056.cm-邮政福彩306定投| www.42317.com-彩票12靠谱吗| www.86113.cc-聊城彩涂钢板| www.037666.com-老公买彩票输钱| www.139410.com-彩票分享-| www.211687.com-玩网络彩票违法吗| www.282384.com-小鹿多彩app| www.384418.com-彩票代打分红| www.503853.com-博雅彩票app下载| www.571585.com-极速时彩开奖号码| www.641414.com-中国体彩门头标准| www.750527.com-利民彩票app| www.818220.com-甘肃体彩中心在哪里| www.888373.com-128彩票诈骗| www.978534.com-易旺彩票登录| www.cp219.com-快彩3app-| www.lm90.com-彩96app下载| www.f90.net-中国人在美国买彩票| www.31jk.com-查一下的福利彩票| www.4567.club-中国什么彩票靠谱| www.9872.in-手机版重庆老时时彩| www.55657.com-水彩创意画-| www.97172.cc-购彩规划是什么| www.055723.com-福利彩票几位数| www.150756.com-彩票缴税地点| www.230268.com-幸运快三代玩违法吗| www.296058.com-多乐彩十一选五奖金| www.363007.com-福彩万能四码| www.443922.com-意彩龙虎-| www.528332.com-彩神1是骗人的吗| www.654563.com-星期四开的彩票| www.732367.com-许昌彩礼2017| www.800789.com-就业时报3地天天彩| www.869307.com-够力表七星彩下载| www.958389.com-鸿运网彩票怎么注册| 中国福利彩票www.08588x.com| www.cq89.com-彩客站是真假| www.sc13.com-河南褔利彩票| www.10te.com-天天中彩票不能买了| www.72cl.com-彩站宝靠谱嘛| www.0733.org-网上最安全购彩平台| www.8295.biz-江西福利彩票销售部| www.44285.com-全民乐彩票登录| www.83099.com-七星彩开奖是几点钟| www.029296.com-福利彩票3d两元网| www.098733.com-高频彩开奖网站| www.155180.com-高频彩官私勾结| www.290571.com-快3是体彩还是福彩| www.355340.com-徐文轩彩票官方网站| www.427634.com-足彩任九过滤技巧| www.514522.com-ac彩妆价格表| www.575078.com-爱淘彩平台-| www.632865.com-中国足球彩票竞猜网| www.694365.com-头奖彩票群-|