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.2036.hk-8888彩票正规吗| www.274757.com-极速时时彩参考公式| www.659684.com-台湾六福彩总站直播| www.788723.com-七乐彩开奖走势图2| www.901761.com-我在柬埔寨黑彩上班| www.uf71.com-106.彩票下载| www.88ck.cc-所有彩票开奖时间表| www.6797.cm-彩票龙虎是什么意思| www.976942.com-父母私吞女儿彩礼| www.7935.cn-天然彩宝批发| www.172729.com-快三软件哪个好用| www.290265.com-彩库宝典手机版| www.386524.com-牛彩网官网-| www.34de.com-时时彩制作一条龙| www.052185.com-谁有彩票合买| www.928894.com-中福彩票不能提现| www.cai1633.com北京快三推荐| www.15751.cc-彩铅画零基础推荐书| www.197026.com-排列五彩经网走势图| www.376981.com-彩票网站的行业前景| www.191433.com-湖北新快三结果走势| www.797370.com-吉林快三计划助手| www.020143.com-四川体育彩票大乐透| www.977522.com-精彩江苏快三| www.392013.com-中国体彩官网电脑版| www.538963.com-财富彩票apk| www.180471.com-上海快三在新开奖| www.465599.com-天行健彩票-| www.zz30.cc-上海福彩销售网点| www.268.cc-彩妆百货加盟| www.4607.com-彩民信息出售| www.9922.tv-今日体彩中奖号玛| www.533511.com-最简单的彩票是| www.656631.com-北京有多少个彩票店| www.jo10.com-套取彩票彩金| www.841122.com-足彩分析预测500| www.986873.com-江苏快三怎么投| www.qc05.com-500彩苹果版下载| www.055585.com-中国彩票那种奖金高| www.628365.com-彩神网邀请码是什么| www.6990.mobi-七彩云盒密码多少| www.949198.com-正版电脑彩八肖图报| www.820515.com-北京福彩快三下| www.959685.com-新盈彩网址-| www.sq19.com-虚拟足球e球彩奖金| www.596580.com-爱彩人彩票送50元| www.762201.com-奇门测港彩特肖秘诀| www.3pn.com-机选复式彩票| www.8679.cn-中国福利彩票微信号| 600彩票www.336766.com| www.51189.com-优彩网大发快三| www.1190.pro-掌上购彩七天彩提现| www.12336.com-国际彩票网站| www.365794.com-白凤九彩铅画画法| www.528545.com-正版彩民必备资料| www.25uu.com-女孩总是叫陪她玩彩| www.857945.com-快乐十分彩票软件| www.bq67.com-彩票刷返利-| www.639676.com-大通彩票路线| www.51055.com-彩票风采网-| www.069598.com-亚上彩登陆-| www.202371.com-福利彩票快乐十分| www.854618.com-5分快三开挂软件| www.965282.com-竞彩网辽宁11选5| www.kr71.com-91彩神怎么样| www.258958.com-省份快三单期计划| www.76.cx-欧洲百万彩计划软件| www.133796.com-雷诺好彩一-| www.362082.com-新加坡十分彩合法吗| www.535308.com-彩票交易记录| www.011165.com-搜狐彩票双色球预测| www.135279.com-恒大彩票-| www.228082.com-江苏快三开奖有假吗| www.7017.vip-七彩官方网-| www.on19.com-彩虹旗-| www.9956.pw-198彩平台下载| www.569230.com-福彩中心怎么改| www.670723.com-p3走势图彩经网| www.652424.com-福彩3d几开奖时间| www.376035.com-陕西彩票几点停售| www.566645.com-凯发彩票官网| www.666886.cc-乐彩赢属于赌博吗| www.778155.com-手机app购彩违法| www.zy60.com-手机新浪爱彩合法| www.907.biz-福彩3d开奖号顺序| www.8628.xyz-范伟买彩票中的号码| www.61991.cc-七星彩今天开奖| www.077.la-彩民交流区-| www.430778.com-手机版彩票缩水软件| www.020384.com-c38彩com-| www.534677.com-够力七星彩奖老版| www.457531.com-全国彩票2元网首页| www.677058.com-彩色压印混凝土模板| www.89tq.com-苹果博彩上架| www.887234.com-彩票平台怎么查正规| www.989677.com-即开型彩票概率分析| www.938958.com-澳客彩票正规吗| www.7578.org-新浪爱彩重庆时时彩| www.845638.com-600万彩票案| www.954950.com-36彩票开奖-| 500彩票www.998484.com| www.ye27.com-大发快三中奖图片| www.97yt.com-快三单双技巧规律| www.361295.com-彩蚕图片-| www.796144.com-乐彩网福彩三d首页| www.887075.com-铭发彩票是真是假| www.957461.com-北京体育彩票种类| www.518368.com-安徽福彩报纸| www.024229.com-最新西安彩票店转让| www.371712.com-彩票自带聊天室红包| www.cp820.cc-快彩app官网| www.85rh.com-360福彩导航| www.45027.com-彩38网站官方网站| www.057564.com-体彩排列五新玩法| www.64524.cc-彩票开奘时间| www.3233.cc-幸运快三助手下载| www.2320.vip-彩票中奖的民事纠纷| www.17095.com-足彩如何兑奖| www.881352.com-快三7期倍投方案| 新浪爱彩www.97775.cc| www.1800.org-彩坛之王-| www.013.tv-北京亿彩快三| www.qa77.com-567彩票的骗局| www.579273.com-56幸运彩票-| www.736575.com-上海时时彩-| www.830858.com-黄鹤楼蓝迷彩烟价格| www.946515.com-福建福彩30送7| www.cai2222.cc-福彩北京快三开奖号| www.ys73.com-西安市体彩中心电话| www.24cc.com-买彩票的微信名字| www.0577.org-福彩3d陈华论坛| www.701803.com-利用博彩漏洞赚钱| www.ag52.com-彩票牛彩网-| www.2259.cn-新运中福彩-| www.8573.top-福彩3d复式票| www.951809.com-快中彩玩法-| www.cd12.com-快三图表图片| www.976492.com-河南体彩彩票| www.832106.com-体彩竞猜网站| www.981094.com-七彩杯怎么变色| www.176708.com-江苏快三大小规则| www.311001.com-六彩论坛-| www.385862.com-彩票的搞笑段子| www.509366.com-东莞东方亮彩怎么样| www.135989.com-我要彩票我要彩票| www.66912.cc-彩票七位数开奖号码| www.528692.com-畅赢天下科技买彩票| www.374872.com-福彩3d开奖收音机| www.69433.com-足彩倍投-| www.126973.com-彩铅画人物手绘| www.cp470.com-安徽快三彩票2元网| www.262921.com-网赚彩票团队qq群| www.565444.com-合乐彩票平台合法吗| www.657915.com-中了彩-| www.849522.com-中国富彩3d开奖果| www.939918.com-彩神争霸大发快3| 500彩票www.50080o.com| www.so02.com-七乐彩今晚最准推荐| www.54qo.com-山西体彩投诉电话| www.639115.com-江苏竞彩店申请| www.xq88.cc-七星彩19038期| www.52jk.com-利彩有風險嗎| www.9191.me-福佳彩网站-| www.cl05.com-网上彩票软件|