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.095228.com-浙江12选5爱乐彩| www.cp5586.com-北京福彩快三预测| www.yy4.com-皇都彩票在线| www.326733.com-彩票的中奖号码| www.88sm.com-爱彩人双色球走势图| www.974858.com-体彩19009期| www.520.biz-合肥快三跨度走势图| www.52927.cc-香港好彩8o234| www.023014.com-3d彩报大全图片| www.32ki.com-下载中彩网网站| www.909.club-临沂福彩站转让| www.7345.net-彩票票面符号| www.23432.cc-彩票人工计划网页| www.322381.com-精英彩票高手论坛| www.399611.com-彩票破损能兑奖吗| www.516359.com-彩票被风控了| www.949877.com-相信彩票下载| www.1686.wang-七乐彩千亿彩票| www.30997.com-福彩3d真精华布衣| www.m01.me-乐彩vip购彩| www.164567.com-红彩会彩票试完| www.116647.com-福彩3d最准规律| www.309147.com-福彩3d热点的含义| www.1995.cc-易彩彩民福地进不去| www.jg93.com-趣客站网彩是什么| www.273.win-海南七星彩图版下载| www.ho7.com-甘肃快三开爱彩乐| www.085589.com-世界杯足彩规则| www.950749.com-开心网玩快三可靠吗| www.ft62.com-福彩快三中奖多少钱| www.37xx.com-快三导师微信号| www.04580.com-竟彩网主页-| www.61006.com-足球彩票口碑排行榜| www.9372.xyz-彩票在哪里买最好| www.51275.cc-福彩时时彩20选8| www.98500.cc-时时彩号码计算工具| www.gc63.com-彩票816靠谱不| www.gd31.com-彩虹世界-| www.640719.com-1216彩票注册| www.336955.com-新浪世界杯彩票| www.837300.com-立彩邀请码-| www.52na.com-江苏结婚不给彩礼| www.560440.com-福彩3d表格软件| www.695108.com-竞彩投注比例查询| www.792028.com-3d彩票兑奖流程| www.978028.com-彩钢棚图片-| www.gz38.com-大发彩票手机app| www.27cx.com-福州彩票转让| www.7672.top-福利彩票门头图片| www.30545.com-原创双彩图3d| www.85702.com-彩镀铁板-| www.52695.cc-七彩网彩票-| www.502072.com-093彩票代理| www.683529.com-彩票5000万温州| www.176359.com-内蒙古度福彩快三| www.93113.com-q彩是什么意思| www.k58.vip-彩神快三技巧| www.753886.com-2019年掌上中彩| www.740197.com-福彩2013035| www.867333.com-体彩排三怪字神贴| www.873646.com-大盘娱城彩票| www.123230.com-欢乐彩合法吗| www.by33.cc-福利彩票个性宣传语| www.967234.com-时时彩购买网站| www.721003.com-彩票门头图片大全| www.554655.com-下载体育彩票走势图| www.731677.com-彩色透水混凝土地坪| 大赢家彩票www.560681.com| www.028379.com-博友彩官方网站| www.180231.com-福利彩票字谜汇总| www.33351.cc-竞彩怎么卖-| www.711587.com-500w彩票网市值| www.930152.com-日本彩票玩法| www.140071.com-彩66下载-| www.641106.com-福彩双色球爱彩| www.85591.cc-顶呱呱彩票-| www.5402.com-西安彩钢板厂家电话| www.338789.cc-6118彩票网-| www.218725.com-时时彩招代理| www.505469.com-天悦体彩哪个公司的| www.590506.com-周易预测彩票| www.636439.com-彩虹无人机出口| www.427766.com-福彩在线缩水彩经网| www.22093.com-彩票中100万元| www.974269.com-蓝精灵彩报b版今天| www.4817.top-即时开彩2019| www.090973.com-众彩易购幕后| www.361953.com-爱投彩票怎么样| www.954490.com-彩宝网彩票助手| www.440858.com-中l国体育彩票大乐| www.88499.cc-彩票店代买-| www.216715.com-中彩票图片-| www.43om.com-劈波挂彩-| www.408700.com-彩票站啥时候放假| www.380129.com-如向杀七乐彩号码| www.602876.com-搜彩?开奖-| www.330457.com-重庆时时彩五星综合| www.20458.com-快3彩票助手| www.55418.cc-正好彩票网11选5| www.47vx.com-卖福利彩票书的| www.381910.com-民政部福彩贪污| www.700226.com-足彩19042期| www.89093.com-c8com万彩旧版| www.190670.com-人人彩票网站| www.717101.com-儿童彩笔品牌| www.46594.com-好彩一分快三| www.800560.com-卓易彩票平台| www.1823.hk-体育彩票排列三中奖| www.919617.com-谁有靠谱的彩票网站| www.056046.com-搜狗七星彩梦册解梦| www.787326.com-体彩开奖查讯| www.98435.com-分分彩号码计算公式| www.371397.com-河内五分彩助手| www.654526.com-时时彩聚宝盆下载| www.40hk.com-安徽宿州彩礼| www.254006.com-彩票签到送彩金| www.7744.cm-分分彩彩挂机软件| www.215229.com-江西体彩-| www.611197.com-经营福彩利润是多少| www.3834.biz-dd彩票下载安装| www.821203.com-十分彩官网手机下载| www.2311.online陕西福彩二十选八| www.262549.com-彩九app最新版| www.034931.com-71彩下载苹果| www.470699.com-银川彩票与你同行| www.891847.com-分分中彩票2018| www.9094.com-七乐彩开奖详情全国| www.309017.com-马来西亚福彩| www.153028.com-彩票自动核对软件| www.761315.com-宝马彩票登陆| www.946663.com-福彩打一生肖| www.088968.com-体育彩票4+1| www.138505.com-老时时彩开奖查询| www.fm88.cc-旺旺彩票下载手机版| www.486669.com-高频彩票计划| www.cai1922.com时时彩5星走势图| www.000140.com-好彩数码印刷官网| www.305035.com-买彩票3d选号工具| www.908252.com-深圳七星彩去哪领奖| www.999394.com-彩票能在手机上买吗| www.lg57.com-红彩会app下载| www.94766.com-福彩3d结果查询| www.756632.com-全民中彩最新| www.98ei.com-许昌盛彩滴滴| www.551368.com-彩票跟单盈利计划| www.lr31.com-福彩3d今日字谜| www.14793.com-时时彩总和大小口诀| www.80wu.com-禧彩3d今开什么号| www.313618.com-ip彩票代玩论坛| www.977335.com-福彩3d技术-| www.168928.com-内蒙快三预测| www.63858.cc-模拟足彩软件| www.67909.cc-竞彩高手谈盈利心得| www.339536.com-彩票怎么刷水| www.586537.com-糖果派对怎么打彩金| www.812207.com-竞彩平台哪个好| 彩69www.090392.com| www.035.com-彩票套票如何打印| www.625873.com-热购彩票手机版| www.65905.com-手机彩票模拟机选| www.231946.com-湖北快三奖励| www.884074.com-买大小单双彩票下载| www.04605.cc-购足彩app-| www.139613.com-彩盈娱乐合法吗|