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.201.org-彩铅动物简单图片| www.159970.com-体彩8号店app| www.355617.com-常州哪一年有体彩的| www.av67.com-体彩走势图-| www.121560.com-百合网上的彩票男| www.a42.org-彩九官方网站| www.182919.com-苏州快三走势图| www.365644.com-七星彩有胆拖吗| www.511309.com-彩客让球胜平| www.2827.com-好彩投彩票官网| www.08050.com-澳洲f1彩票-| www.79987.cc-千亿彩票五-| www.2218.wang-分分彩四星稳赚平刷| www.025854.com-时时彩代理招商平台| www.an74.com-贵州省体育彩票中心| www.624628.com-七彩应用-| www.709871.com-5亿彩app二维码| www.788688.com-胜负彩19054期| www.880551.com-淘宝在哪买彩票| www.952427.com-k彩_彩民-| 9928彩票www.9928aa.com| www.967240.com-竞彩胆拖玩法介绍| www.as08.com-山西福利爱彩乐| www.wg64.com-爱彩乐网上购彩平台| www.418.tv-腾讯分分彩游戏下载| www.133154.com-快三11的和值表| www.176045.com-江苏老快三中奖助手| www.321218.com-竞彩预测网-| www.434576.com-彩山特曲39度6瓶| www.543664.com-玩彩小生专栏| www.619592.com-彩票和邓家-| www.706106.com-福彩双色新浪走势图| www.797188.com-天津时时彩在线直播| www.870086.com-网易彩票网址是多少| www.954484.com-福彩92期开奖结果| 福利彩票www.135842.com| www.921635.com-一个学生破译了彩票| www.978334.com-梧桐彩票-| www.nu3.com-彩6精华版安卓| www.711286.com-256是黑彩票吗| www.811713.com-七乐彩4拖4多少钱| www.886615.com-押单双大小彩票| www.956975.com-hk百彩-| 奔驰彩票www.781566.com| www.952230.com-时时彩源码出售| www.cp98.cc-多乐多乐彩走势图| www.740055.com-澳博彩票是真的吗| www.847765.com-沈阳彩票站有快三吗| www.931616.com-竞彩对冲套利方法| www.981969.com-日本彩票规则| www.ac31.com-七乐彩开奖信息| www.sf61.com-三分时时彩免费计划| www.33210.cc-福彩机器充值| www.854416.com-新浪爱彩竞彩篮球| www.62533.com-彩票网站刷流水兼职| www.053131.com-卖足彩料合法吗| www.055022.com-彩票租售平台| www.157856.com-80彩票陷阱-| www.227679.com-快三中奖彩票| www.298499.com-澳门最好的彩票平台| www.300095.cc-双色球彩票指南报| www.720051.com-复式七星彩中奖查询| www.791862.com-中国福彩43期| www.861820.com-快三如何推算合值| www.933577.com-彩票多少钱以上到省| www.983365.com-内蒙古快三推荐红号| www.cp8011.com-广西快三遗漏| www.425996.com-足彩十四场最新分析| www.68245.com-中国彩票快乐12| www.03eo.com-湖北快三加奖取消| www.126548.com-383博彩-| www.193715.com-体彩扑克3玩法| www.2236.vip-手机上怎么买足彩| www.cb89.cc-爱彩乐彩票网站| www.74to.com-红蓝绿波表彩图| www.592679.cc-甘肃福彩时时彩| www.932702.com-118彩票靠谱吗| www.dg8.cc-分分快三开奖直播| www.486286.com-足彩中奖哪里领奖| www.579055.com-日本彩票哪里查询| www.653872.com-国家彩票改革| www.763563.com-买足球竞彩能赚钱吗| www.835957.com-广东彩王铁塔图库| www.895233.com-7号彩票合法吗| www.955275.com-500万彩票开挂| 500万彩票www.08500w.com| www.c3.me-爱乐彩网站-| www.491775.com-福彩009app-| www.597838.cc-大发快三赢钱投注| www.682720.com-广州羊城晚报好彩| www.797972.com-博彩源码交易| www.937307.com-湖北彩妆培训| www.97tm.com-国际时时彩-| www.97577.cc-每日竞彩二串一推荐| www.356954.com-对彩票的认知| www.886390.com-登陆好运来彩票| www.488279.com-下载中国福彩app| www.578921.com-福彩3d专家杀码图| www.72ti.com-福利彩世界网站多少| www.193666.com-福利彩票软件合法吗| www.858538.com-幸运彩票下载安装| www.944109.com-什么是微微彩票| 福彩网www.055l.cc| www.51sl.cc-十字彩怎么充值| www.198459.com-彩神t-| www.005685.com-新浪彩票频道竞技| www.542316.com-彩票选几个号| www.670422.com-新浪足彩下载| www.007241.com-qq彩票可靠吗| www.084377.com-下载70彩票-| www.562579.com-8g登录神话彩票| www.20044.cc-快三分析真的吗| www.004243.com-乐购彩票快3| www.tn45.com-全国快三计划| www.44ug.com-纯彩票平台出黑| www.673058.com-中国彩票彩吧助手| www.735520.com-3d彩票中奖概率| www.853740.com-专业玩彩工具| www.904422.com-彩神是什么真的吗| www.964972.com-彩票网址收录| 大赢家彩票平台www.769526.com| www.463.biz-福利彩票百度百科| www.7717.loan-二分彩票星际集团| www.71yb.com-彩票012路数字| www.794114.com-新彩吧图谜字谜| www.877747.com-足彩输钱-| www.957535.com-足彩稳胆推荐| 发彩www.50732b.com| www.hl73.com-彩票121-| www.26610.com-七星彩摇号-| www.585925.com-28彩票线路检测| www.669861.com-福彩是七位数吗| www.732663.com-汇彩宝-| www.801695.com-莲乡意蕴彩票技巧| www.867630.com-七星彩几点开奖直播| www.572189.com-中国双色福利彩票| www.328602.com-永利皇宫送彩金39| www.b56.cn-一定牛彩票店合法吗| www.39380.com-中彩大神推荐群| www.86766.cc-杨震足彩微博竞彩猫| www.97190.com-古建寺庙彩绘预订| www.850585.com-有玩大发快三的吗| www.911772.com-福彩彩票3d怎么玩| www.966843.com-保时捷娱乐彩票注册| 55彩票www.755901.com| www.98fh.com-彩界王子双胆| www.1950.biz-彩票应用软件排行| www.50276.cc-wcp8彩票-| www.039761.com-华彩赢家是不是传销| www.176262.com-幸运快三在线计划| www.274177.com-时时彩软件平台| www.650588.com-早教彩虹伞亲子游戏| www.748108.com-福彩3d中奖号d| www.854813.com-一分快三辅助| www.900137.com-22彩票下-| www.970160.com-福彩3d秘密通道一| 彩61www.624880.com| www.389052.com-领航彩倍投是真的吗| www.9856.top-彩铅苹果画图片| www.512848.com-玩彩网app充值| www.569708.com-三的开奖号码福彩网| www.630234.com-完美彩票官网| www.96ln.com-高频彩计算公式| www.237892.com-彩票快3表-|