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.cp850.com-河南快三投注平台| www.703718.com-推广博彩话术| www.794537.com-重庆时乐彩开奖号码| www.873650.com-完美彩票2-| www.947587.com-彩票诈骗举报电话| 辉煌彩票www.2875d.com| www.156533.com-0500彩票官方版| www.257835.com-vip彩首页-| www.971477.com-多玩彩票下载| www.32586.cc-彩礼退还比例| www.96241.com-福彩千亿案件| www.qw53.com-时时彩二星跨度| www.373501.com-伯乐彩票在人玩吗| www.333851.com-手机上买体彩| www.659864.com-彩票查看双色球| www.948602.com-彩票公益金管理办法| www.bv00.com-福利彩票江苏快三3| www.22er.com-酷彩吧中奖怎么领取| www.ff82.com-查询彩票开奖日期| www.65404.com-青海省体彩兑奖中心| www.607767.com-日本彩票种类| www.800838.com-银海彩票工作室3d| www.327679.com-广东天彩快三| www.426446.com-分分快三精准预测| www.590161.com-关于七星彩的软件| www.85pj.cc-西安福利彩票| www.82330.cc-怎么去兑彩票大奖| www.133849.com-网上买彩票赚钱骗局| www.rj72.com-各种釉彩大瓶观后感| www.vw2.com-内蒙古福彩怎么兑奖| www.98862.cc-能买彩票的时间| www.148358.com-皇都彩票一彩种| 汇彩网www.hcw266.com| www.m71.org-关于体彩竞彩输钱| www.177706.com-app快三助手下载| www.326733.com-彩票的中奖号码| www.1386.in-水彩画完全自学教程| www.bd30.com-喜乐彩票合法吗| www.23vt.com-中彩对比-| www.1999.love-手机腾龙时时彩做号| www.46073.com-幸运测算时时彩宝典| www.dy5.com-分分快三彩票app| www.b24.site-贵州省快三-| www.561654.com-买彩网是干嘛的| www.761007.com-好的玩彩票app| www.6007.cn-6701彩票网下截| www.92if.com-彩票店店员工资| www.ye01.com-淘宝买彩票可靠吗| www.4464.cc-彩票十一选五软件| www.18455.cc-快三代理推广| www.377464.com-彩票店对联-| www.879735.com-詹天佑福彩3d预测| www.p99.pw-玩彩网提现不了| www.2ml.com-彩票33是正规的吗| www.90yq.com-22彩票是官方的么| www.907581.com-合肥小庙街彩票站| 500彩票www.50052b.com| www.35691.com-体彩门店-| www.88291.cc-彩票双色球复式机选| www.775136.com-51彩票上赌可靠吗| www.1230.top-福利彩票数学3单式| www.576248.com-青蛙彩票导航网88| www.664235.com-七星彩牛爹统资料| www.296177.com-快三黑红码如何判断| www.673917.com-和玺彩绘-| www.854434.com-酷彩网下载-| www.954427.com-福建快三走势图下载| www.ud36.com-彩票黑平台名单| www.76yg.com-猜冠军彩票网站| www.187849.com-今日江苏快三走势图| www.769042.com-胜利彩票app下载| www.gr49.com-老梁说彩票的真实性| www.17458.com-雪缘园足彩直播比分| www.563586.com-快三助手江苏版| www.786065.com-大赢家极速时时彩| www.870521.com-耀州彩票店转让| www.967420.com-大发快三口诀表| www.bh29.com-传奇彩app-| www.25nv.com-重庆时时彩哪投注| www.636228.com-安徽福彩无纸化投注| www.703717.com-快三彩票推广方式| www.813916.com-九州彩票网址谁有| www.901146.com-中国体彩报app| www.961295.com-彩票中奖必读| 500彩票www.50080l.com| www.282337.com-重庆五分彩开奖号码| www.452326.com-彩漂粉的使用方法| www.335799.com-山东体彩网首页| www.8710.org-6号彩票是干嘛用的| www.163320.com-中彩网客服-| www.873328.com-彩票怎么拖-| www.968584.com-中乐彩app下载| www.13pz.com-福彩3一定牛走势图| www.625018.com-福彩过年什么时候开| www.704015.com-大发彩票网登录| www.779226.com-天天时时彩官网| www.844601.com-国家1分钟彩票| www.905120.com-世界杯竞彩足球| www.967131.com-即时开彩手机软件| 小米彩票www.193006.com| www.105698.com-七星彩三等奖多少钱| www.159159.com-福利彩票的走势| www.4837.cn-彩票开奖二六选五| www.53196.cc-金牛彩票网官方网站| www.019614.com-湖南体彩报-| www.122805.com-天天彩票是合法的吗| www.212696.com-彩票娱乐平台| www.765796.com-彩之源软件-| www.868007.com-五分彩怎么玩不会输| www.945625.com-金利彩票平台大吗| www.987169.com-234彩票苹果| www.oy43.com-l福彩-| www.20cr.com-体彩大乐透2月16| 818合彩www.www.5666hc.com| www.545917.com-福彩投注站申请电话| www.689234.com-福彩微信公众号账户| 中国福利彩票www.33588g.com| www.86009.com-彩涂铝卷市场| www.236518.com-福彩投注平台下载| www.419133.com-竞彩足球网点| www.561017.com-福彩3d天正八卦图| www.011514.com-手机能玩快三吗| www.9913.org-彩票中奖三等奖| www.23176.cc-彩神争霸彩票app| www.zg57.com-9购彩票官网| www.732433.com-足球竞彩网官网| www.955098.com-佛教与彩票-| 百姓彩票www.bxcp3.com| www.781567.com-七星彩开彩直播| www.855524.com-七乐彩复式中奖表| www.935433.com-彩票77app下载| www.981528.com-全民乐彩票是骗局吗| www.cp3359.com-福彩快三中奖经验| www.705826.com-福彩3d天牛图库| www.354666.com-买彩票要怎么样中奖| www.323988.com-国乐彩江苏| www.80782.com-彩票k线图技巧| PK彩票www.230320.com| www.xq13.com-体彩十一选五软件| www.12136.cc-江苏体彩手机投注| www.693067.com-17彩票是不是真的| www.786234.com-海南私彩规律图| www.855465.com-中国亿元彩票排行榜| www.913153.com-彩客网客户端| www.967489.com-福利彩票一定牛快三| 幸运彩票www.117809.com| www.hp42.com-足球彩票预测公式| www.114767.com-旺旺彩票店-| www.725958.com-福彩3d专家预测号| www.873968.com-福彩3d网上可买吗| www.997348.com-苹果彩票投注app| www.ob36.com-易彩网如何下载| www.106895.com-天天中彩票交流群| www.155745.com-好彩客2016版| www.218707.com-阿里彩票害人| 计划网--新浪彩票相同盘| www.921894.com-许昌结婚彩礼一览表| 易彩网www.99638n.com| www.7637.pw-w600万娱乐彩票| www.29925.cc-江苏快三历史长龙| www.838601.com-丹麦28彩票规律| www.006935.com-腾讯分分彩中奖计划| www.11300.cc-烟台福利彩票站地址| www.90694.com-手机乐赢彩票网|