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.835981.com-双色球彩票中奖新闻| www.r21.la-福友网购彩是真的吗| www.cai386.com-江苏快三开奖| www.00707.com-3d彩民群群号| www.007548.com-今天的彩票号多少| www.091114.com-网易彩票不能买| www.170015.com-江苏快三开奖号码| www.505598.com-自己玩黑彩犯法吗| www.303073.com-318彩票app-| www.95699.com-福利彩票哪年发行的| www.qv60.com-华夏快三破解| www.35jv.com-加拿大彩票免税| www.0423.cm-福利彩快3-| www.8055.cc-云南时时采彩开奖| www.42107.com-哪种彩票真实性高| www.91512.cc-黄好彩香烟-| www.15884.com-彩铅画新手入门| www.616759.com-亚彩会注册流程| www.932999.com-网上分分快三合法吗| 顶尖彩票www.234259.com| www.mh08.com-新浪爱彩时时彩| www.285872.com-湖北快三牛预测| www.021465.com-三d彩吧全图| www.121671.com-探探男彩票托同款| www.542059.com-360老版彩票下载| www.630151.com-3d和值走势中彩网| www.706889.com-浙江省福彩中心| www.800785.com-福彩3d天天开吗| www.923696.com-秒速时时彩开奖公式| www.980293.com-我想买彩-| www.bi71.com-重庆快三开奖结果| www.xi17.com-七彩网彩票骗局| www.25vx.com-摇骰子彩票天天乐| www.13368.cc-中国福利彩票造假案| www.77087.com-时彩倍投倍数选择| www.068201.com-福彩三d和值表| www.161325.com-福彩自助终端代理| www.244866.com-鄂尔多斯体彩| www.350358.com-分分钟时时彩| www.52572.cc-10398好彩网| www.873935.com-网易彩票微信公众号| www.1312.tv-国乐彩网址-| www.86090.com-彩涂卷多钱一米| www.046589.com-手机天天彩票软件| www.027522.com-正规的高频彩票| www.53si.com-13彩做任务靠谱吗| www.69864.com-彩票怎么看号才中奖| www.805378.com-金彩彩票平台| www.941185.com-阿里彩票app| 彩8彩票www.c8714.com| www.911202.com-福利彩票是慈善吗| www.994201.com-2628彩票-| www.fb71.com-快彩平台骗局揭秘| www.r06.com-体育彩票怎样玩| www.51pr.com-青蛙过河彩票| www.449226.com-卖体育彩票站| www.552205.com-开机号近十期利彩| www.874370.com-山东竞技快三| www.972420.com-彩铅入门人物画| www.cai927.com-北京快三跨度走势图| www.mh01.com-重庆时时彩春节停售| www.3wd.com-彩胜团队-| www.56ox.com-彩票6等奖多少钱| www.0555.cc-中国大乐透体彩报纸| www.6868.gg-浙江飞鱼体彩| www.139869.com-二分时时彩走势图| www.215033.com-豹赢彩票-| 大赢家彩票网www.83033n.com| www.qw11.com-江苏快三多少人在玩| www.57502.com-滚球足彩软件| www.028948.com-中彩吧登录-| www.85ov.com-足彩实单推荐| www.4633.biz-彩票完全靠运气| www.00664.com-福彩d取独胆文章| www.447382.com-微信怎么买足彩| www.4897.vip-谁有彩票代打群| www.312336.com-网上彩票推广话术| www.385472.com-怎样领福彩一等奖| www.505468.com-天悦体彩店安全吗| www.ou80.com-福彩三地现场直播| www.255022.com-体育彩票大乐透规则| www.316543.com-七星彩票论坛精选| www.369645.com-动态澳彩竞技风| www.444585.com-p五跨度南方双彩网| www.520133.com-快三号码选择| www.573321.com-彩票k线app-| www.637788.cc-体彩双色球中奖号码| www.539460.com-彩票站未来发展趋势| www.673901.com-我的彩票app| www.785548.com-腾讯分分彩官方开奖| www.887997.cc-那个彩票网站最安全| www.995045.com-彩票五百万-| www.gx79.com-彩16手机官网| www.t91.bid-信彩娱乐最新地址| www.450990.com-拉菲时时彩手机端| www.oy87.com-宁夏福利彩票官网| www.2139.cm-228彩票网-| 500彩票网www.608115.com| www.111018.com-御彩轩ios-| www.605205.com-女人梦见中彩票大奖| www.687981.com-318彩票网-| www.757339.com-买彩票计划群违法么| www.820768.com-附近出售二手彩钢瓦| www.883012.com-投彩是什么意思| www.948396.com-福彩双色球主任是谁| www.992640.com-足球博彩高手心得| www.xk.com-中彩彩票中福快3| www.oi79.com-青海时时彩走势图| www.17az.com-代买彩票诈骗| www.91xj.com-福彩官方刷流水| www.2714.cm-牛彩釆摘网-| www.8568.in-乐彩网嗨少看彩| www.ny34.com-彩票解密-| www.753025.com-八方彩票平台下载| www.875495.com-彩吧3d天宇图库| www.963613.com-彩铅风景画教程| 天下彩www.431506.com| www.018403.com-大家赢彩票网| www.108885.cc-彩票越玩越输| www.163074.com-中国福彩双色球时间| www.070761.com-约彩365客服| www.242366.com-博友彩一分快3| www.365432.cc-v8彩票官网-| www.60013.com-福利彩票加奖| www.873587.com-青蛙彩票80700| 58彩www.0058c.com| www.5633.club-qq能买彩票吗| www.50209.com-手机上玩网彩| www.29748.com-米兰快彩-| www.86022.com-四川铝卷彩涂| www.051207.com-支持合买彩票的软件| www.120985.com-手机网上怎么买彩票| www.789886.com-快赢七乐彩缩水| www.871603.com-中彩娱乐下载手机版| www.935601.com-彩票红包群-| www.980971.com-浩博彩票出了什么事| www.ep3.cc-快三复式买四码| www.422678.com-新注册送彩金的网站| www.541782.com-竟彩网站-| www.607281.com-广州福利彩票投注站| www.689506.com-老乐看彩双色球| www.791002.com-福彩选号助手好用吗| www.892065.com-快彩app有哪些| www.948415.com-青海快三豹子技巧| www.984508.com-8彩网公司-| www.13434.com-彩票源码出租| www.89395.com-彩票之家免费資料| www.539524.com-826网络彩票下载| www.689647.com-222彩票-| www.777198.com-七星彩大赢家| www.860969.com-山东体育彩票在线| www.936177.com-彩票反水网站| www.996316.com-哪里可以买北单足彩| www.db25.com-彩神苹果版-| www.2453.top-够买彩票软件哪个好| www.227676.com-福彩网055dcc| www.342726.com-走势图快三福建省| www.463331.com-福彩3d走彩吧助手| www.40788.com-1号娱乐彩票| www.887805.com-诸葛精算足彩| www.637182.com-体彩都是礼拜几开| www.17la.com-彩票平台怎么运营| www.975947.com-林州彩礼一般多少钱| www.bg83.com-辉煌彩票快3的骗局|