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天

知道了
百盈PK10 www.835917.com-广东彩王彩图网站| www.936020.com-被网络彩票托骗了| 亿发彩票www.901512.com| www.zd53.com-e球彩奖金表| www.gf43.com-极速快三在哪里开奖| www.q07.site-体彩官网售后有保障| www.66ox.com-梦见牛买什么彩票| www.153145.com-旺彩游戏注册| www.872210.com-826网络彩票| www.964625.com-创彩网骗我五十万| www.cp920.com-福建快三推荐| www.33500.cc-彩专家在线计划免费| www.2018.mobi-彩虹六号nokk| www.105663.com-浙江福彩中心| www.977961.com-中彩啦彩票下载安装| www.300307.com-快三投注计划图表| www.22831.cc-百事彩票站-| www.929373.com-七星彩时间开奖时间| www.994418.com-微彩分析软件| www.gc94.com-彩客网比分-| www.yt12.com-怀化市体彩中心地址| www.45tn.com-盛大彩票平台| www.5062.pw-竞彩足球开停售时间| www.38985.cc-时时中彩96086| www.651368.com-3分钟快彩怎么玩| www.127873.com-彩虹的图片照片| www.70cl.com-民政局福彩中心主任| www.199867.com-快三投注第一门户| www.579477.com-国丰彩票-| www.684033.com-p五跨度南方双彩| www.789297.com-河南规定彩礼如何看| www.881526.com-哪个平台做电竞博彩| www.086902.com-福利彩票中奖率最高| www.487073.com-彩6彩票app娱乐| www.54ko.com-最新的彩票平台程序| www.225357.com-河南福彩快三开奖查| www.366935.com-星期四开奖彩票| www.510409.com-彩虹屁夸人-| www.29hs.com-彩票平台哪里找| www.610772.com-四川彩票大奖| www.102374.com-好彩生肖数字| www.9192.cc-新加坡大彩开奖号码| www.062356.com-ag彩票平台-| www.10764.com-买福利彩票违法吗| www.136260.com-利彩彩票是骗人的吗| www.9988.live-河北体彩网大乐透| www.306407.com-app刷彩兼职| www.790561.com-快三连续8期黑号| www.3864.org-助赢彩票软件贴吧| www.120396.com-彩票大案-| www.881554.com-辉煌彩票官方网站| www.254683.com-西藏福彩快三助手| www.fc.com-吉林快三玩法赔率| www.tx93.com-爱彩乐彩-| www.579772.com-体彩对应码-| www.08509.com-福彩网上兑奖app| www.311759.com-福彩3d彩报-| www.410884.com-彩客中国竞彩网首页| www.525113.com-圣地彩开奖号码| www.645654.com-买彩票感想-| www.83bs.com-和彩印客户端| www.869683.com-幸运彩票多少人输过| www.107621.com-2018年彩票开奖| www.194190.com-快三真的假的| www.273618.com-崔永元彩票事件| www.789444.cc-体育彩票开奘| www.885053.com-彩票官方版下载| www.527707.com-安徽福彩快三助手| www.637530.com-彩虹6围攻-| www.719358.com-排列五游戏规则福彩| www.3169.win-大通彩票登陆| www.14gq.com-福彩3d开-| www.316335.com-以彩票为由的传销| www.430188.com-足球竞彩凯利| www.32388.cc-河北体彩在线| www.93768.cc-彩票777苹果版| www.756350.com-大乐透彩票专家推荐| www.856082.com-梦见七星彩号码中奖| www.928676.com-一分快三害人| www.990574.com-新②彩票网-| www.ae97.com-好123彩票预测| www.z60.cc-135彩票不能提现| www.0879.org-天发彩票-| www.ng97.com-彩票数据分析| www.996607.cc-亚博彩票提现不了| www.483826.com-彩票机选神器| www.573292.com-玩彩票的方法与技巧| www.538727.com-镇江体彩11885| 金冠彩票www.49956z.com| www.87rz.com-福彩数字3单式开奖| www.994102.com-竞彩足球计算器i| www.cn68.cc-温州快三走势图| www.ri02.com-有人叫我玩快三| www.27hu.com-新加坡乐彩开奖记录| www.74768.com-彩铅荷叶上色| www.67nq.com-竞彩干货-| www.1793.cm-乐彩超级大乐透论坛| www.qo97.com-怎样用技巧玩快三| www.22nd.com-各种彩票精准计划群| www.736912.com-大众彩票网每日首充| www.200321.com-123彩票网-| www.293573.com-青岛福利彩票兑奖处| www.439902.com-支持花呗付款的彩票| www.530768.com-时时彩到底怎么获利| www.614338.com-有什么彩妆学校| www.698633.com-中彩网排列五走势图| www.796204.com-玄学预测彩票| www.447556.com-福彩票三d试机号| www.560189.com-体育彩票三d试机号| www.37pz.cc-七星彩神针定尾版| www.49799.cc-贵州快三号码走势| www.009649.com-快三彩票的预测算法| www.100769.com-乐彩客官方网站| www.132308.com-高价彩礼国家能管吗| www.90dr.com-谁能做博彩平台| www.9801.me-七星彩19014期| www.60455.com-快三选号口诀| www.682606.com-网络彩票老板微信号| www.767242.com-福彩三b太湖字迷| www.850323.com-快三选号号-| www.933563.com-陕西福彩销量排行榜| www.985742.com-开看球俱乐部加竞彩| www.le86.com-冀彩宝能买双色球| www.52sd.com-中国福彩兑奖时间| www.5886.cc-晋中福彩中心在哪里| www.113771.com-安徽快三计划全天| www.8551.org-今天是什么彩票开奖| www.287388.com-今日安徽快三推荐| www.17qv.com-买足球彩票-| www.988.xyz-天下彩票开奖直播| www.3685.in-竞彩权威推荐| www.00133.cc-彩票3d专家推荐号| www.716121.com-体彩天下网址下载| www.04fd.com-七乐彩查询结果| www.154601.com-时时彩可以租平台| www.276168.com-有各种彩票的app| www.339053.com-七乐彩开将结果| www.265716.cc-江苏e球彩中奖表图| www.433936.com-福利彩票演讲稿| www.527681.com-时时彩如何看遗漏| www.632196.com-福彩打错票注销| www.771882.com-秒速时时彩是假的| www.210192.com-黑彩量刑-| www.303018.com-福彩3d大奖-| www.381451.com-亿乐彩软件下载| www.482381.com-福彩抓管理-| www.19165.com-福利彩票特等奖彩票| www.2478.xyz-天津时时彩网站| www.271685.com-好彩一八打一生肖| www.848.gg-大乐彩多次开出结果| www.501763.com-一一一彩票平台| www.567030.com-体育彩票不能买| www.650237.com-海南时时采彩开奖| www.16bo.com-彩虹电影频道| www.753512.com-彩票守号十二年| www.035725.com-体彩中奖新闻| www.122191.com-福彩开奖l-| www.0620.vip-奥淘彩票abb| www.2667.in-网络app彩票| www.90898.cc-8亿彩网页-| www.069320.com-cpyes时时彩| www.693579.com-体彩足球竞彩预测| www.778120.com-今日7乐彩中奖号| www.863113.com-智慧彩走势图|