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.408050.com-新婚姻法彩礼多少钱| www.030323.com-中国体育彩票e球彩| www.144061.com-nba竞彩网-| www.795499.com-体彩中奖去哪领取| www.894633.com-一等奖彩票图片| www.968571.com-时时彩计划qq交流| 彩神网www.csw288.com| www.mj45.com-彩票开奖查询大乐透| www.69240.com-竞彩网14场胜平负| www.620141.com-彩票分析方法| www.fr26.com-福彩快三有猫腻吗| www.76rf.com-七乐彩的中奖| www.063213.com-湖北快三查-| www.480688.com-投彩app-| www.562794.com-正彩素颜霜有假货吗| www.69443.com-凤凰v彩票网| www.196576.com-百宝彩北京快三| www.384418.com-彩票代打分红| www.978998.com-好彩爆珠多少钱一条| www.ev29.com-大奖彩票网官方网站| www.743644.com-购彩网是做什么的| www.906257.com-彩色的鸟-| 梦想彩票www.33112h.com| www.117609.com-幸运快三网投彩票网| www.224600.com-发彩网app-| www.082878.com-2468天天开彩| www.271605.com-福利彩票三不同开奖| www.298567.com-兰州体彩电话号码| www.405449.com-赢家彩票网-| www.518700.com-乐盈彩票苹果版| www.602484.com-瑞典2分彩-| www.673908.com-南京体彩管理中心| www.19fc.cc-网上彩票投注靠谱么| www.508806.com-北京人人中彩票| www.2633.shop-3d彩宝贝走势图| www.27522.com-赚投彩票挂机软件| www.744339.com-苹果版购彩app| www.635860.com-足彩北单胜平负| www.753107.com-中国彩吧首页i| www.849288.com-彩票足缘小说| www.729205.com-福彩几点开奖时间| www.076510.com-体育彩票彩种介绍| www.67308.com-福利彩票真实么| www.88795.cc-彩聊-| www.071769.com-今日彩票占卜| www.03js.com-玉林茂林镇彩票店| www.123750.com-七彩怎么算中奖号码| www.209844.com-福彩快三代理要求| www.283686.com-有没有六位数的彩票| www.368183.com-石纹彩涂板-| www.842883.com-哪一年有双色球福彩| www.910408.com-彩民福地k彩app| www.983828.com-大连福彩中心地址| www.bp60.com-时时彩过滤工具手机| www.xs98.com-祥瑞彩票app| www.17lq.cc-qq60秒彩-| www.620799.com-世界彩票协会| www.251397.com-安徽福彩3d快3| www.351683.com-体彩11选五靠谱吗| www.129270.com-能用的彩票app| www.994191.com-时时彩机器人| www.fd56.com-够力七星彩开奖表| www.a50.vip-七乐彩玩法规则| www.34pd.com-彩运来软件官方下载| www.0089.org-福利彩票分为哪几种| www.78625.com-新加坡福临彩| www.211359.com-乐彩5分快3的陷阱| www.117077.com-310足球竞彩合买| www.875542.com-幸运彩是不是骗局| www.294234.com-福彩十选五怎么玩的| www.013813.com-七乐彩杀号天气网| www.020906.com-老谢说彩预测大乐透| www.196846.com-马来西亚彩票规则| www.489113.com-足球竞彩篮球竞猜| www.450061.com-武汉福彩兑奖地址| www.586353.com-老彩83官方下载| 吉彩www.806375.com| 55彩票www.755914.com| www.365898.cc-多大孩子可以学彩铅| www.149525.com-彩民乐大乐透| www.052917.com-彩票中奖就这几招| www.jg53.com-吉林快三有没有规律| www.02ao.com-快彩qq-| www.65jf.com-湖南3d彩票论坛| www.2942.shop-五星体彩店-| www.9692.xyz-体育彩票11选5走| www.0072.cc-我国彩票有哪几种| www.761968.com-全能中彩彩票腾讯网| www.976241.com-河南南阳彩礼钱| www.cq9.cc-江苏快3彩票| www.898689.com-甘肃快三两码遗漏| www.235744.com-齐鲁风采t乐彩| www.335871.com-江苏快三50期走势| www.800368.com-必中彩票手机下载| www.929197.com-玩彩app软件| www.993189.com-qq分分彩玩法说明| www.cs13.com-快三漏洞看哪里| www.uk46.com-普通彩铅画星空教程| www.11us.com-多乐快3彩票坑人| www.80ce.com-500彩票可靠么| www.2159.wang-体育彩票任5开奖| www.12589.cc-体育彩票app| www.987142.com-辽宁大连快三查询| www.t09.com-梦见彩票中13万| www.237633.com-福利彩票网站中心| www.427342.com-现在足彩软件哪个好| www.516757.com-奇门测港彩49选7| www.2073.net-百宝乐彩票安全么| www.34871.com-体彩360下载版| www.ky39.com-福利彩票代玩兼职| www.473320.com-福彩专家推荐| www.594874.com-快2彩票-| www.357972.com-天天中彩票的天才猫| www.687589.com-內蒙古福彩app| www.811088.com-鸿彩网是黑平台| www.907066.com-福利彩有大发快三吗| www.987164.com-彩店宝彩票可靠吗| www.ct24.com-稳定私彩平台| www.zz47.cc-彩票店布置-| www.78lp.com-湛江市举报打私彩| www.5451.cm-彩360下载-| www.22532.cc-东北娶媳妇彩礼| www.88611.com-永信彩票app下载| www.087016.com-福运彩票可信吗| www.h57.cc-49彩票官方网站| www.94pn.com-乐聚彩票app| www.4812.cm-福利彩奖-| www.82bs.com-乐优彩票最新版下载| www.6427.cc-彩神争vii-| www.85996.cc-彩铝板彩钢板| www.100606.com-乐彩客官方下载| www.217600.com-大发快三破解版下载| www.329050.com-118彩票-| www.443655.com-大盘娱乐彩-| www.561762.com-彩神平刷怎么样| www.657954.com-乐盈彩票app| www.954569.com-彩宝彩票是合法的吗| www.cp401.com-大发快三平台网址| www.583661.com-网易人人中彩票官网| www.nd09.com-爱乐彩票是真的吗| www.73zg.com-福彩排五开奖公告| www.4694.cc-大发快三开奖走势图| www.gx56.cc-百盈快三是真是假| www.27zr.com-全彩本子百度云| www.2139.cn-755彩票-| www.22610.com-河南快三重奖的密码| www.95870.com-彩票是国家开的吗| www.547110.com-彩票平台代理盘| www.848607.com-310win彩票| www.956811.com-彩蚕-| www.cai8099.com河北快三推荐号和值| www.587528.com-八一彩票-| www.704868.com-福彩3d助手助| www.807608.com-集彩彩票网-| www.903154.com-盈众彩票幸福常伴| www.wj30.com-彩神争霸8吉林| www.579.me-分分彩怎么买大小| www.7216.me-下载手机天天中彩吧| www.51299.cc-彩客网比分直播竞足| www.026694.com-q彩app下载-| www.200900.com-七星彩走势图新浪| www.315191.com-乐彩开奖信息网| www.428484.com-足彩11转9中奖| www.595670.com-k彩福地登录不上去|