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.191772.com-快三预测河南| www.339674.com-手机彩票助手计划| www.448456.com-专家说彩-| www.554578.com-四九彩票资料共享| www.643178.com-彩票犯罪图片| www.827836.com-彩票代打员-| www.910003.com-昆明亮彩光电| www.980009.cc-开体育彩票店收益| www.dq36.com-福利彩票预测网| www.yj88.com-购买大乐透彩票投注| www.33ra.com-七星彩头尾特区| www.4492.cm-爱购彩官网-| www.08809.cc-广西彩票快3| www.58070.com-公益福彩行2018| www.069580.com-彩神500app-| www.148681.com-福利彩票全国通兑吗| www.266551.com-江苏快三算不算赌博| www.368658.com-彩票一号平台| www.485232.com-炫彩油画金卡| www.570383.com-七彩虹sl500| www.654982.com-七星彩开奖辣椒| www.786282.com-大赢家时时彩平台| www.871608.com-福彩三地试机号预测| E彩堂www.43818k.com| www.ho87.com-体彩胜负彩-| www.b72.com-时时彩票菲律宾| www.40da.com-订婚彩礼钱属于谁的| www.2076.org-沈阳旋风彩虹机厂家| www.8412.cn-五福彩新版下载安装| www.52279.com-苹果足球彩票app| www.276.in-彩妆代理-| www.8666.biz-福彩d开奖结果今天| www.47707.com-彩票的人工计划软件| www.ir26.com-足彩复式投注速算表| www.19ft.com-彩票春节休市七天假| www.1644.vip-阴阳福彩3d-| www.9993.loan-2k彩票下载安装| www.55547.com-买福彩快三-| www.002165.com-历史上彩票中奖| www.084448.com-快彩软件下载| www.163708.com-中华彩票时时彩| www.308670.com-彩31彩票app| www.388871.com-手机彩店-| www.530994.com-爱淘彩票官方网站| www.627989.com-彩票8邀请码| www.755280.com-中彩网怎么买彩票呢| www.ct62.com-私彩官方如何作弊| www.wq75.com-人人中彩票软件下载| www.25bf.com-体育彩票几点开门| www.977.tv-时时彩一分彩走势图| www.7337.loan-彩虹6号干员真实吗| www.26622.cc-在线机选七星彩一注| www.31pw.com-鲜花映彩虹合唱谱| www.2155.vip-河北福彩三地字谜| www.9624.org-彩票3d选胆图| www.89099.cc-彩9彩票手机版| www.055129.com-彩色的非洲-| www.220933.com-旺彩大乐透-| www.300278.com-天天中彩票与腾讯| www.375165.com-竞彩优惠打折哪家好| www.526003.com-福彩3d的出球规律| www.619458.com-51彩票计划免费版| www.696508.com-新浪爱彩可以赌球吗| www.778243.com-一分钟快三走势图| www.895237.com-网上投注彩票违法吗| www.965553.com-开福彩投注站赚钱吗| 博友彩www.960913.com| www.kh46.com-胜负彩开奖结果| www.p83.net-彩票网站提现不了| www.55qp.com-我要看彩票3d迷图| www.0311.link-彩票一八年几号开售| www.9222.vip-航天彩虹干嘛的| www.w58.net-好彩频道主持人小宇| www.088.site-七星彩宝贝图| www.5311.net-合肥体育彩票站转让| www.11483.cc-澳客网十四场胜负彩| www.58691.cc-福彩3d天中原创布| www.081219.com-彩票大乐透大赢家| www.151380.com-彩票数字组合软件| www.254855.com-时时彩后一固定三码| www.332613.com-公务员买彩票合法吗| www.409999.cc-浙江体育彩票飞鱼| www.518278.com-安徽体彩怎么看走势| www.588159.com-休彩排列三-| www.662941.com-彩333-| www.739305.com-江苏快三稳赚| www.815098.com-看福彩3d走势图| www.889182.com-福彩3d胆码预测王| www.ck.com-彩票选号器-| www.747141.com-禁止出售彩票| www.868375.com-七星彩跨度-| www.939015.com-58彩票苹果下载| www.998520.com-石家庄福彩有限公司| www.df00.com-易彩登陆-| www.vk61.com-吉林省彩票领奖流程| www.15ki.com-结婚因为彩礼闹矛盾| www.0757.live-8k彩票平台注册| www.8593.cn-体育彩票哪个台直播| www.39065.com-中彩彩票注册账号| www.733571.com-福彩机器充值| www.821500.com-福利彩票老总是谁| www.918784.com-彩票模拟投注软件| www.976838.com-2018平阴彩礼| www.pm19.com-广西快三一定牛走势| www.6wh.com-中国竞彩联盟app| www.778168.com-臻彩视界-| www.935105.com-彩名堂怎么打最稳| 吉祥彩票www.jx68.com| www.cj04.com-大发快三怎么能赢钱| www.ub09.com-好123彩票导航| www.07id.com-看彩票中奖结果| www.64bw.com-中央彩票公益金用途| www.0540.cn-下载中国体彩报| www.12528.cc-买哪个彩票中奖率高| www.55072.com-恒彩彩票账号注册| www.96165.cc-福彩大奖组-| www.057686.com-澳门生肖彩网址| www.171176.com-河北快三电视走势图| www.256537.com-掌上中彩-| www.323997.com-航天彩虹军工四证| www.390312.com-博发彩票999| www.529393.com-彩虹糖广告词| www.608332.com-派彩是什么意思呀| www.676531.com-观老头说彩-| www.751831.com-一号彩票平台登录| www.849527.com-黔南州体彩中心地址| www.911774.com-开彩传媒是骗局吗| www.970591.com-福利彩票8000万| www.zm4.cc-5d彩票规则介绍| www.qq00.com-福彩包括什么| www.04zj.com-白凤九彩铅画画法| www.70ww.com-北京彩易达-| www.974607.com-彩店助手-| www.cai4499.com河南快三遗漏| www.981873.com-安徽天天福彩站| www.ki2.cc-湖北快三综合走势图| www.693691.com-728彩票官方网站| www.816637.com-快三开奖图片| www.902171.com-河南幸运彩最新开奖| www.970171.com-体彩群名-| 500彩票网www.61655g.com| www.333393.com-分分彩-| www.447533.com-足彩推荐微信公众号| www.559021.com-福利彩票走点图| www.633209.com-竞彩篮球如何计算| www.698985.com-彩铅-| www.760837.com-超级时时彩开奖记录| www.953162.com-体育彩票6十l| www.999757.com-如何破解快三买豹子| www.xj0.com-武汉市福利彩票| www.pr00.com-人穷买彩票都不中| www.572756.com-福彩幸运选号| www.678593.com-精英彩票冰心论坛| www.779112.cc-众乐网时彩是真的吗| www.257006.com-双阳黑彩新闻| www.330711.com-大发彩票手机客户端| www.397395.com-彩票快彩脚本| www.571028.com-天天彩票在线充值| www.625804.com-天天爱彩票客服电话| www.691990.com-彩乐乐彩票走势图| www.767569.com-牛蛙正版彩票资料| www.881644.com-十三彩软件-| www.ij61.com-网上买福利彩票软件| www.yl02.cc-彩计划9cbcc|