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.763793.com-足球彩票开奖公告| www.935998.com-大发福彩官网| 彩天下www.c5127.com| www.ed81.com-快三刷流水能上岸吗| www.xj80.cc-福建福彩快-| www.25ng.com-华彩公司-| www.0166.net-彩色代表什么意思| www.7322.loan-小米彩虹电池怎样| www.20998.com-神彩争霸2元彩票| www.66912.com-大连市福彩中心电话| www.675247.com-搜狐福彩走势图| www.9om.com-8月17日七星彩| www.125067.com-福利彩票上海快三| www.738450.com-威信彩票下载安装| www.816400.com-快三中多少钱| www.890234.com-大盛游戏彩票网站| www.961784.com-qq上买彩票-| 网易彩票www.07163l.com| www.gv99.com-中国体彩官网下载| www.zs41.com-双色球彩票玩法介绍| www.32io.com-百废彩票开奖查询| www.1835.wang-彩富网香港正板| www.8511.net-福彩3d截止时间| www.39313.cc-福彩3d解码解密| www.85787.com-中国彩钢板十佳品牌| www.039049.com-福彩快3投注方法| www.155806.com-数字彩票技巧| www.254421.com-亚博彩票软件| www.328822.com-彩票龙胤精准缩水| www.398180.com-七星彩今天几点开奖| www.543990.com-醴陵釉下五彩瓷器| www.627750.com-彩票需要几位数字| www.699695.com-福彩山地走势图| www.777811.com-乐透啦彩票版本| www.892766.com-号百彩票开奖结果| www.954755.com-黑客彩票软件下载| YY彩票www.yy63.com| www.di26.com-玩快三的网站| www.vx45.com-快三真的能赢钱吗| www.13vn.com-彩票字迷大全| www.82ij.com-怎么买彩票怎样选号| www.1930.xyz-天津快乐十分派彩网| www.7638.cn-体彩中奖图片大全| www.25605.com-中国体彩报左木预测| www.68755.cc-优盈彩票5分快3| www.101445.com-最高反水彩票| www.168268.cc-被快三玩死了| www.265467.com-七乐彩4拖7-| www.352631.com-乐彩娱乐com| www.434117.com-体育彩票买什么| www.527589.com-时时彩任何2和值| www.629992.com-福彩数字3中奖| www.697838.com-大乐透机选中奖彩票| www.773253.com-百合网彩票骗子| www.871508.com-北京快三助手版| www.991028.com-11选5私彩平台| www.cp8999.com-手机彩票下载| www.my86.com-瑞彩祥云彩票| www.1hq.com-3d乐彩字谜画迷| www.55td.com-体彩十一运夺金网站| www.921.me-耽美为什么叫彩虹| www.4858.biz-河南妙彩服饰| www.9977.cn-足彩任选九场| www.74714.com-中国足彩网彩票| www.023289.com-一元一注的彩票| www.091762.com-体育彩票哪里领奖| www.154784.com-足彩半场胜平负玩法| www.269673.com-下载七天彩-| www.353708.com-博彩公司信用级别| www.430100.cc-水彩本-| www.520296.com-3d杀号安全购彩| www.586083.com-时彩网址-| www.655214.com-七乐彩结果中奖结果| www.777623.com-深圳彩票工资| www.861283.com-河北快三怎么看号码| www.921751.com-足彩写手-| www.969890.com-网上投资彩票靠谱吗| www.go87.cc-河南都有什么彩票| www.xv74.com-福州福利彩票开店| www.14os.com-体彩兑奖需要哪些| www.99no.com-如何用百度扫彩票| www.2938.in-福彩三d倍投计划| www.8148.cc-福利彩票双色球三d| www.25998.cc-彩虹的爱情寓意| www.65895.com-软好彩烟-| www.055455.com-彩票昵称取什么好听| www.129682.com-彩购彩票-| www.196534.com-福利彩票开奖查询| www.261857.com-香港版彩票论坛| www.362875.com-彩票节假日休息几天| www.443155.com-快三定胆公式| www.527632.com-重庆时时彩和值计算| www.622229.com-体彩天下快3可靠吗| www.686948.com-有买彩票中大奖的吗| www.757676.com-腾讯一分彩-| www.858427.com-乐购彩票苹果版| www.914990.com-大发优信彩票| www.970888.com-迷彩兔在线视频| www.cp8110.com-易彩快三开奖查询| www.ls84.com-app微彩网-| www.c52.net-福彩今天的开奖号码| www.26ft.com-福彩3d组六遗漏| www.800.club-彩虹棋牌官方网站| www.4337.wang-彩票怎么看中奖了没| www.9076.me-今晚七彩开奖的号码| www.52524.com-中国福彩自助下载| www.91358.cc-好彩随机宝珠| www.042355.com-彩票合买广告语| www.136978.com-彩票中奖查询系统| www.206362.com-彩票黑平台曝光| www.268218.com-随机选号福利彩票| www.363585.com-彩虹色的花完整绘本| www.439413.com-厦门体彩转让信息| www.522233.com-分分彩最新-| www.581740.com-彩票签到送现金| www.642863.com-幸福彩票是合法的吗| www.809501.com-众乐彩票是真的吗| www.875111.com-258竞彩足球官方| www.954416.com-牛蛙彩票四不像肖| www.999222.cc-足球竞彩手机软件| www.cp9011.com-234彩票app-| www.kn56.com-幸运快彩-| www.yy27.com-河南快三害死人了| www.14zb.com-彩票双色球36期| www.157.in-含彩虹取名-| www.2701.vip-网络福彩举报电话| www.7748.net-五湖四海彩票网址| www.19054.cc-足彩一等奖哪里兑奖| www.54444.com-鬼谷子六台彩宝典| www.91332.com-新加坡好彩双爆| www.037272.com-时时彩5星缩水| www.169745.com-1分快三今日走势图| www.241264.com-七星彩有啥玩法| www.303458.com-甘肃快三冠军走势图| www.363612.com-杏彩168登录网址| www.433985.com-唏关彩英文名字| www.515456.com-在哪买七星彩| www.571977.com-怎么看江苏快三走势| www.631612.com-七彩云南什么意思| www.688908.cc-甘肃彩票中-| www.753024.com-八方彩票下载| www.900025.cc-天天中奖彩票合法吗| www.978499.com-好彩官网是正规的吗| www.rl1.com-广东体彩十一选五| www.oa60.com-vip500彩票网| www.09rg.com-云彩店怎么改邀请码| www.71cw.com-今期四不像彩图一| www.1464.xyz-彩铅画古风美人| www.8165.com-澳彩官网手机版下载| www.22759.com-我要下载宁夏快三| www.58923.com-南宁彩票系统开发| www.031302.com-福彩快三图标| www.096342.com-四川省体彩中心电话| www.152008.com-全民彩票网官网| www.281111.com-彩票坐庄犯罪吗| www.362275.com-关于彩虹糖心情说说| www.432876.com-网上怎么查彩票中奖| www.532440.com-沂风沂俗彩票培训| www.613055.com-宁夏彩票-| www.672525.com-彩票投注单打印机| www.750008.com-全中彩票合法吗| www.855352.com-新彩吧网首页| www.965349.com-悠悠彩票老鹰| www.af62.com-体彩481玩法说明|