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天

知道了
1分快三 www.v74.site-沧州彩票网点| www.568874.com-彩票二维码扫描兑奖| www.506025.com-锦彩app-| www.736654.com-彩铅画人物风景图片| 博亿彩票www.622by.com| www.308202.com-qq群彩票-| www.953.cm-福彩投注限额| www.764581.com-一分快三开奖走势图| www.935207.com-彩之网实时统计| www.cp5077.com-快三手机助手手机版| www.yj06.com-足彩竞彩结果查询| www.406380.com-描写彩虹美的的词语| www.485501.com-彩票站大发-| www.96vh.com-彩票没打上-| www.309077.com-qq群买彩票合法吗| www.385325.com-吉利彩票网受骗| www.g68.club-体彩试机号彩宝网| www.70pv.com-彩票3d图谜总汇| www.1652.wang-彩票大师下载最新版| www.984828.com-彩票网有风控审核吗| www.tr15.com-香港供彩社区| www.092239.com-吉林快三多长时间| www.04tz.com-彩铅临摹世界名画| www.193600.com-网上买彩票怎么兑奖| www.287386.com-十分彩江苏快三骗局| www.66938.com-广东福彩中心主任| www.735535.com-招聘网上足彩分析师| www.947193.com-足彩十四场胜负预测| www.ia16.com-佩奇彩票-| www.48hg.com-双色彩开奖今天| www.252540.com-福彩网上能挣到钱吗| www.419625.com-印象彩票手机app| www.710834.com-刷福彩是什么意思| www.873145.com-贵州省体彩助理| www.4520.wang-体彩19065期| www.288388.com-时时彩屠龙-| www.815790.com-昨天彩票是什么意思| www.947464.com-北京福彩网购| www.ed74.com-快发彩票-| www.198493.com-七乐彩快三-| www.934254.com-反套路彩票女| www.1091.vip-张家口体彩地址中心| www.345625.com-福彩刮刮乐中奖破解| www.498733.com-哪里多彩票工资车| www.el22.com-炫乐彩票cxlp| www.866.pw-加入时时彩计划群| www.308032.com-体彩足彩兑奖计算器| www.392050.com-福彩3d定胆诀窍| www.530390.com-超极彩票助手| www.816821.com-计算彩票概率| www.951314.com-中彩拉app-| www.da40.com-人人彩下载到手机| www.cai2766.com内蒙快三形态走势图| www.756753.com-浙快乐彩-| www.915254.com-自动彩票售卖机加盟| www.2282.pw-办个彩票站得多少钱| www.253098.com-甘肃好彩快三查询| www.76lf.com-七乐彩停止销售时间| www.4595.vip-只买一个号的彩票| www.61495.com-官方乐优彩票网| www.333102.com-查体彩开奖结果查询| www.755926.com-288布衣彩吧图库| www.ib64.com-福彩网络投注中心| www.502470.com-女生说在投资彩票| www.323687.com-中国福彩双色球结果| www.255217.com-浙江快乐12爱彩乐| www.388235.com-太平哨华彩学校全景| www.561080.com-久游彩票平台半厘| www.990425.com-腾讯三分彩开奖结果| www.29hf.com-体彩中心app| www.692459.com-购彩大厅大发快3| www.262366.com-福彩3d购买-| www.772023.com-多彩贵州城-| www.947553.com-购彩就上-| www.5006.vip-qq彩色字-| www.68128.cc-重庆寸时彩开奖号码| www.832121.com-机选七星彩模拟| www.956654.com-打彩票打错了的公告| www.ev24.com-手机中彩网zucp| www.26bw.com-福彩八仙过海| www.070921.com-彩票365购彩| www.130681.com-彩票都是骗局揭秘| www.6vz.com-第一彩票网购物| www.62st.com-福利彩票总部大楼| www.2992.cc-福彩中奖分享| www.9266.top-乐彩客正规吗| www.252725.com-app微彩网-| www.407200.com-安徽宿州彩礼| www.880451.com-游戏代玩彩票兼职| www.998854.com-体彩广场30万摸奖| www.ns09.com-福利彩票网上兑奖| www.540900.com-彩吧助手缩水工具| www.623980.com-春秋娱彩票-| www.697355.com-我要登录皇都彩票| www.789568.com-竞彩变赔干货| www.243666.cc-下载玩彩app| 网易彩票www.099wy.com| www.cr70.com-加盟彩票站赚钱吗| www.591687.com-西甲看什么博彩公司| www.693258.com-爱乐透体彩app| www.788469.com-快乐彩任选五胆拖| www.863091.com-胜负彩19051期| www.960974.com-李永志打86注彩票| www.cp7750.com-欢乐快三是哪里的| www.bt82.com-彩票助手手机版| www.646.online-返水最高的彩票网站| www.64848.com-足彩打水-| www.179830.com-黑龙江快三走势图| www.271782.com-好彩二复式注数计算| www.356648.com-宁波体彩中奖| www.444142.com-七星彩票中奖公告| www.557993.com-1216.彩票官网| www.632003.com-七彩虹主板官方网站| www.706712.com-网上赌彩违法吗| www.794368.com-黑客植入重庆时时彩| www.874951.com-信彩票是官方网站| www.971706.com-第一彩票网手机版| www.327.com-中发彩票是真的吗| www.4751.net-重庆彩票中奖新闻| www.2me.com-极彩娱乐-| www.zo62.com-玩重庆时时彩的心态| www.385126.com-入侵彩票平台| www.35ij.com-彩票烂了一点能用| www.gt39.com-彩票站吃票有人管吗| www.34my.com-七呈彩开奖结果查询| www.262616.com-欢乐快三骰子| www.378369.com-山东体彩申请| www.529095.com-附近体彩网点| www.631537.com-七彩印象-| www.744125.com-彩虫app-| www.889834.com-1994年七月彩票| 福彩www.2109k.com| www.197265.com-乐彩网可靠吗| www.270777.com-093彩票违法| www.334326.com-快三多久一期| www.392719.com-简单彩铅山水画| www.500407.com-英国五分彩吧| www.560187.com-3d与体彩试机号| www.619602.com-体育足球彩票胜负彩| www.681529.com-豪彩娱乐坑了多少人| www.35066.cc-时时彩的数字规律| www.74798.com-中国竞彩网强胆推荐| www.032765.com-福乐彩是骗局吗| www.96zo.com-易发彩票app官网| www.02202.com-彩票两元网走势| www.008581.com-网易彩票双色球预测| www.150492.com-彩51彩票app| www.372302.com-彩票倍投万能计算器| www.789.cx-彩票指南周三版| www.55048.cc-彩票开奖查询单式| www.cw23.com-湖北快三助手| www.711571.com-彩票中心主任领奖| www.226921.com-菠萝彩3d魔图下载| www.294640.com-今天福彩3d水果图| www.363853.com-彩虹七色是哪几种| www.843393.com-中国福利彩票规律| www.3406.pw-彩虹易支付官方网站| www.29935.cc-西安福彩中心电话| www.hx66.cc-江苏e足彩玩法| www.wl53.cc-牛彩网一句顶3码| www.9620.com-黑彩网3d高手论坛| www.159554.com-湖北快三三同号通选| www.74363.com-风云彩票-| www.398645.com-竞彩2串一对冲打水|