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.682671.com-彩报中心3d图库| www.ws37.com-网易彩票时时彩| 彩票大家乐www.21202c.com| www.295721.com-上海福彩d4-| www.678370.com-福彩杀码定胆家彩网| www.812992.com-福彩3d和值表全部| www.912729.com-彩客站计划群| www.987953.com-体育彩票排列五下载| www.hx28.com-快三012路表格| www.10qf.com-吉林快三每天几期| www.948904.com-百度乐彩彩票网| www.498584.com-做福彩打票员好吗| www.cp3311.cc-国家福彩一分快三| www.094062.com-五分快三计划网页版| www.510219.com-乌兰察布市体彩中心| www.32zd.com-三国彩票网址| www.8193.wang-福彩8炫彩奖金| www.945821.com-乐8彩平台下载苹果| www.2022.net-快速彩票软件排行榜| www.15756.cc-彩铅画的教程| www.87256.com-网上彩票何时恢复| www.505372.com-博彩彩票网址| www.218589.com-彩神ix大发快三| www.68999.com-分分彩定位胆怎么玩| www.035751.com-皇冠快三开奖结果| www.464193.com-时时彩彩票开奖时间| www.153554.com-时时彩定位胆经验| www.wd69.com-东北快三-| www.3093.biz-彩票专管员有编制吗| www.111683.com-鸿运彩票网诈骗程序| www.657674.com-彩票软件杀号| www.352737.com-黑彩平台知多少| www.056979.com-七乐彩怎么看| www.nh40.com-广西福利彩票开奖| www.57yx.cc-洛阳体彩转让| www.636508.com-欢乐彩下载安装| www.775174.com-会发彩票-| www.956019.com-彩票开发程序员判刑| www.oy05.com-e球彩有几种玩法| www.70iq.com-买高频彩有赚钱的吗| www.666030.com-航天彩虹民企| www.893679.com-49彩票官网平台| www.157.in-含彩虹取名-| www.8801.online万能彩票下-| www.026677.com-一注体育彩票价格| www.941125.com-新疆时彩开奖走势图| www.06cb.com-彩铅混色教程| www.152643.com-8199cc彩票网| www.947068.com-福彩高频彩-| www.cai8444.com吉林快三走试图| www.425578.com-竞彩表格制作教程| www.353148.com-彩票走势图表体彩| www.047521.com-如何去彩票店买彩票| www.90879.com-3d中奖彩票展示| www.57334.com-c71彩票-| www.94zq.com-多彩投众筹靠谱吗| www.605896.com-购彩之家一分彩规律| www.688112.com-九州彩票登陆| www.767058.com-广东彩票下载| www.835989.com-顺丰彩票中奖率高吗| www.897246.com-澳洲彩票怎么买| www.959258.com-怎么找彩票微信群| 500彩票www.857981.com| www.2216.vip-福彩断组牛材网| www.1862.top-kk45cc彩票-| www.8403.cc-网易电脑版彩票网| www.42298.com-12号彩票-| www.821640.com-民政部彩票发行| www.945380.com-福建体彩36选7| www.iz59.com-微微彩票大发快三| www.92gl.com-百万彩票是真的么| www.115278.com-澳客网竞彩比分直播| www.193190.com-快三中奖率-| www.282393.com-铁公鸡彩票规律表| www.59132.com-明发娱乐彩票| www.36489.com-澳门官方哪个彩平台| www.376078.com-体彩安徽11选5| www.910379.com-2019快三走势图| 500彩票网www.09299.com| www.024164.com-3d牛彩网图谜| www.339413.com-广东省福利彩| www.400826.com-好彩客旧版-| www.528894.com-新浪七星彩直播| www.596558.com-福彩3d直选遗漏| www.mg24.com-注册中彩网账户| www.9078.vip-中国福彩30选7| www.873246.com-709彩票网-| www.578559.com-九万彩票旧版首页| www.684234.com-尽在乐彩17500| www.776436.com-时时彩票怎么玩才赚| www.873781.com-旺彩3d开奖结果| www.950828.com-足球胜负彩预测分析| 500彩票www.50026x.com| www.653611.com-吉林快三合值走势图| www.939224.com-网易足彩比分直播| 网易彩票www.07163r.com| www.141136.com-老猫出彩快讯3d| www.227768.com-众彩彩票下载| www.305577.com-去实体店买彩票过程| www.400967.com-快三刷反水怎么刷| www.560389.com-分分快3是什么彩种| www.636050.com-彩虹出来时阅读答案| www.710978.com-网上说刷彩是什么| www.880545.com-百胜彩票下载地址| www.953084.com-足球体育彩票怎么买| www.cp159.cc-网彩快三app| www.533077.com-彩吧首页论坛| www.803433.com-彩票圈吧-| www.933412.com-快三有多少个号码| 体彩网www.3890a.com| www.768925.com-足彩竞猜app下载| www.841346.com-彩票销售五行属性| www.904189.com-同学合买彩票中奖| www.969927.com-有谁中过彩票的| www.cai011.cc-内蒙快三走势图今天| www.jt00.com-彩神8网页版| www.945688.com-我要体彩-| 中华彩票www.9149f.com| www.131384.com-信阳结婚彩礼| www.639064.com-申请体彩店去哪申请| www.xk35.com-双彩论坛官网| www.38cl.com-福利彩票摇奖机几套| www.528.website体彩彩票站提成| www.3732.cc-彩票之家官方邀请码| www.916831.com-老9购彩票-| www.980832.com-彩票源码搭建教程| www.xz0.cc-大发彩-| www.sc80.com-快三出什么号| www.812397.com-福彩三d乐彩论坛| www.885971.com-实时平台彩-| www.964126.com-福彩3d稳定和差| 博友彩www.371l.cc| www.3651.com-鸿鑫彩票-| www.226665.com-福彩十选五网络骗局| www.583664.com-彩票局势-| www.661243.com-新彩票首页走势图| www.858074.com-爱淘彩-| www.919866.com-手动彩票打印机| www.987104.com-火前彩票vip| www.ag75.cc-手机在线体彩投注| www.xa29.com-福彩快三是干嘛的| www.51fu.cc-福彩双色球大奖| www.53799.com-五分快三的软件挂| www.019384.com-q彩网怎么登录| www.048813.com-玩彩老手专家专栏| www.u50.cc-湖北快三派彩走势图| www.re43.com-快三四码复式| www.77157.cc-彩票头等奖-| www.357057.com-爱彩彩票怎么玩法| www.185808.com-时时彩计划-| www.287342.com-台北快三走势图| www.380215.com-刷彩网是什么意思| www.503376.com-星鸿娱乐时时彩网| www.558208.com-水彩森林鹿教程画法| www.637026.com-红彩会网页版登陆| www.721599.com-足彩单场胜负彩| www.811555.com-优的体育彩票| www.895968.com-瑞彩网网址-| www.958046.com-3d福彩网上购买| 500彩票www.50788p.com| www.0017.me-福利彩票怎么填数字| www.636013.com-七星彩开奖结果一一| www.711252.com-买彩票诈骗案例| www.775230.com-生肖码属于什么彩票|