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.062670.com-买大小的彩票软件| www.273343.com-福利彩票工作理念| www.383293.com-彩票19030-| www.521620.com-体彩大乐透奖池余额| www.609081.com-彩票游戏源码| www.696877.com-新浪彩比分直播一| www.789529.com-竞彩套利最新方法| www.870198.com-喝彩是什么意思| www.cu39.com-安全的博彩app| www.ya12.com-梦见彩票号码能买吗| www.32ra.com-2000万彩票交税| www.1058.net-卖彩票需要什么条件| www.8640.in-玩彩票用什么软件好| www.51507.com-福彩4d选4玩法| www.005100.com-彩票图查询-| www.087300.com-932彩票-| www.165111.com-500彩票江苏快3| www.295999.cc-福彩3d玩法规则v| www.377189.com-qq彩票网官网| www.521960.com-兰州福彩转让信息| www.602313.com-彩票冒领能查出来| www.681181.com-七星彩内部群| www.770440.com-竞彩篮球大小分规则| www.895453.com-九万彩票安卓软件| www.957503.com-乐透啦彩票官网| 全民汇彩票www.52303t.com| www.gw97.com-爱乐透彩票新版下载| www.a41.net-北京福彩开奖查询| www.36qf.com-竞彩跟单微信公众号| www.1894.com-快三的计算公式| www.8110.cm-彩票领奖时间限制| www.33336.com-博众时时彩手机| www.83455.cc-竞彩秘诀-| www.044494.com-高频彩直播源| www.181656.com-北京快三预测推荐表| www.263817.com-体育彩票排列三走势| www.369585.com-万豪最近体彩销售点| www.480003.com-体彩网吧-| www.569196.com-彩票梯子计划软件| www.652303.com-福彩星期几开奖时间| www.779877.com-彩铅画星空鹿| www.863031.com-足彩19051推荐| www.937138.com-足球新浪彩票网| www.997132.com-百度彩票重庆时时彩| www.rv2.com-福彩三d大小走势图| www.rx46.com-如何安装中彩网| www.15ju.com-彩客网ck8681| www.125.la-彩玉收藏-| www.3962.vip-中国足球彩票怎么买| www.9879.top-竞彩被禁止了吗| www.69581.com-c99彩票官网| www.033258.com-足彩容错是什么意思| www.127007.com-彩客网软件-| www.205843.com-私彩平台漏洞| www.282685.com-计划时时彩qq群| www.394747.com-彩虹六号季票| www.523148.com-竞彩网比分直播彩客| www.615105.com-附近福彩站-| www.692210.com-彩乐瀑官方网址| www.774049.com-赠送彩金的游戏平台| www.884782.com-非凡彩票地方彩走| www.976563.com-彩票代理返点是什么| www.vy10.com-体彩电子投注单停售| www.16ye.com-nba体彩网站| www.141.in-彩玉值钱吗-| www.3760.org-七星彩神算孑图纸| www.9511.online彩钢板多少钱一米| www.65203.com-竞技彩足球计算器| www.026423.com-红牛彩票快三计划员| www.106084.com-众博彩票的网址| www.179208.com-河南快三走势图预测| www.255000.cc-体彩扑克开奖结果| www.332259.com-体彩卖福彩吗| www.409441.com-18052期足彩| www.515601.com-七星彩中大奖| www.586565.com-彩票分析数据手机版| www.663037.com-牛彩一句定三码原创| www.739423.com-众盈彩票-| www.811976.com-乐彩论坛1-| www.885615.com-东莞利彩-| www.bi55.com-网易彩票是正规的吗| www.uf13.com-甘肃快3彩票开奖| www.06bj.com-福彩走势图连线版| www.76vd.com-东莞福彩印刷| www.1504.cn-彩票走势图专家统计| www.05430.com-那个平台可以买彩票| www.52036.com-爱乐彩11选五遗漏| www.96796.cc-小崔彩票采访视频| www.061719.com-彩客彩票不能买| www.177571.com-大发快三彩票破解器| www.251129.com-手机中彩彩票群| www.321746.com-彩票ai软件-| www.391929.com-竞彩足球258网| www.544411.com-全天实时分分彩计划| www.629113.com-2o647如意彩| www.698121.com-浙江体彩竞彩中心| www.774163.com-重庆十字彩-| www.879186.com-亿乐彩下载app| www.949886.com-我在炫乐彩票被骗了| 网易彩票www.068wy.com| www.cu28.com-网上哪里可以买彩票| www.tn08.com-福彩小军三版| www.73.cm-阿莲卡七彩鱼品种| www.67hf.com-完美彩票网址| www.0724.cm-澳客口袋彩店| www.9953.cn-福彩三的基本走势图| www.52656.cc-讨个好彩头-| www.95095.cc-精准彩票数据库软件| www.053133.com-幸运彩票手机版官网| www.153817.com-310足彩什么意思| www.238682.com-网上玩分分彩必输| www.311326.com-80彩票网站合法吗| www.379592.com-彩票网那里下载| www.520485.com-买彩票利用时间差| www.587150.com-体彩7星走势图| www.657473.com-大乐透杀号定胆唯彩| www.763529.com-江苏快三玩法介绍| www.848869.com-19055期足彩| www.913115.com-我附近彩票站点| www.974503.com-体彩大乐透预测号| www.th04.com-能跳快三的歌曲| www.32.gg-苹果原彩显示不见了| www.62pa.com-云跨境app彩票| www.0007.pw-6个号码是买啥彩票| www.7681.xyz-彩票兑奖查询平台| www.23955.com-福彩3d彩乐乐预测| www.65858.com-三分彩出号规律| www.038659.com-皇冠彩票导航网址| www.121642.com-360彩票开奖大全| www.187510.com-重庆时时彩-官方网| www.254121.com-58彩票网-| www.318439.com-江西福彩助手app| www.383570.com-买什么彩票可以赚钱| www.543235.com-体彩报纸大乐透| www.621233.com-福利彩票特别号到几| www.685685.com-竞彩比分直播双色球| www.757966.com-众彩易购是真是假| www.862654.com-大乐透江苏体彩网| www.922312.com-下载约彩彩票| www.975421.com-福彩彩票选号软件| www.pu4.com-福彩十五选五| www.ol01.com-彩票送彩金平台大全| www.2xg.cc-彩879软件-| www.52kg.cc-近50期足彩星象图| www.595.date-558赢彩安全不| www.3856.in-国家彩票管理规定| www.8740.vip-速赢彩彩种| www.63122.com-中国足彩网l| www.019770.com-彩票加盟电话多少| www.082064.com-七星彩三字定位| www.135855.com-足彩胜平负开奖| www.202331.com-贵阳体彩-| www.265392.com-体彩跨度-| www.384366.com-安徽体彩徐启旺| www.503399.com-绝密赢彩-| www.567754.com-彩36下载-| www.627669.com-老实时彩360| www.688758.com-彩39网-| www.755430.com-500彩票网社区| www.875074.com-恒博彩票网骗局| www.948181.com-排列三众彩网杀码| www.990954.com-彩票欺骗-| www.cai2944.com安徽省快三开奖号码| www.ik29.com-中彩那天课文|