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天

知道了
彩票123现在叫什么名字 www.18176.com-中国竞彩篮球计算器| www.vc74.com-河南体彩481技巧| www.876.cm-彩票平台制作怎么样| www.77952.com-二手彩神喷绘机| www.62287.com-大赢家彩票平台下载| www.629275.com-六福彩票靠谱吗| www.2905.me-东北10快三-| 彩票8www.cp8009.cc| www.43328.com-下载旺彩超级大乐透| www.170888.com-安徽快三今天| www.590208.com-首页中国竞彩网首页| www.690759.com-澳客足彩网胜平负| www.791341.com-时时彩缩水器网页版| www.252785.com-中彩网正版-| www.314621.com-七彩网彩票官网| www.1388.link-简单水彩笔-| www.31955.cc-五州彩票-| www.qv72.com-湖北快三有假吗| www.42ta.com-微信上的中华彩| www.jp02.com-火箭彩票vip分身| www.023665.com-大发财彩票网| www.134708.com-好彩香烟铁盒| www.238393.com-快3彩票app下载| www.771142.com-丰和彩票-| www.886911.com-网赌高频彩重注都死| www.993978.com-彩票最多能中多少钱| www.jw47.com-彩库宝典官方正版下| www.27wq.com-贵宾室彩票平台真假| www.xg62.com-网易彩票1分快3| www.44pc.com-彩运来线路检测中心| www.093329.com-彩色沥青混凝土造价| www.241388.com-彩库下载宝典| www.338563.com-高频彩开奖最快| www.ir62.com-手机彩票网软件| www.233258.com-北京体彩官网首页| www.355468.com-竞彩纳税-| www.22516.com-909彩票网-| www.c60.tv-3d乐彩开奖号| www.55820.com-彩票双色球机选怎样| www.el46.com-新彩吧多彩网| www.459802.com-风彩排列五走势图| www.587283.com-福彩哪个奖金多| www.676580.com-国家规定结婚没彩礼| www.2008.la-福彩过滤彩票软件| www.948256.com-福彩与体彩-| www.36rd.com-百万彩票破解图片| www.7376.cc-色彩画风景简单图片| www.24zi.com-天天爱彩票网站| www.007537.com-今日体彩-| www.099199.cc-北京五分彩官网| www.177291.com-福彩店快三-| www.598766.com-35期七星彩-| www.23608.com-新彩票是骗局揭秘| www.880986.com-想找个靠谱私彩| www.7916.cc-福彩三滴d-| www.94464.com-凤凰彩票快三| www.99387.com-今日单场足球竞彩| www.034615.com-福彩3d字谜大全| www.627526.com-双彩网怎么打不开| www.712696.com-彩票店转让注意事项| www.863510.com-腾讯平台赛车彩票| www.954351.com-家彩网排三胆码预测| www.dr47.com-江苏快三今天开什么| www.093785.com-高频彩票改时间| www.29267.cc-鸿彩平台有问题吗| www.121647.com-竞彩足彩app下载| www.529327.com-最近哪里能买彩票| www.99613.com-天下彩票开奖中心| www.178171.com-快三是不是骗局| www.ff84.com-5000cc彩票-| www.tc51.cc-好听点的彩票昵称| www.22xo.com-福利彩票会过期的| www.78625.com-新加坡福临彩| www.694141.com-中国彩票中心下载| www.561572.com-查彩票各省中奖情况| www.pr54.com-网赌快三如何回本| www.41247.com-中彩的读音-| www.6971.me-天空彩65-| www.539045.com-乐盈彩下载-| www.158229.com-彩投合法吗-| www.289549.com-新加坡乐和彩官方| www.423800.com-幸运28购彩软件| www.555144.com-福彩与体彩谁最假| www.653224.com-永旺彩票-| www.730414.com-彩之网开奖结果首页| www.803586.com-彩圣网挂牌资料| www.906854.com-分分快三怎么赌| www.289398.com-五分彩个位计划| www.400060.com-2019年七星彩图| www.585630.com-国外彩票代购| www.118746.com-有97彩票吗-| www.096260.com-福利彩票的发行宗旨| www.11rr.com-5050彩票网-| www.49663.com-足彩家-| www.373021.com-彩47平台-| www.469558.com-福彩十分钟走势图| www.839533.com-胜负彩310走势图| 网易彩票www.073wy.com| www.762394.com-彩票红包雨聊天室| www.841649.com-七乐彩为什么没人玩| www.925607.com-金彩网是正规平台吗| www.976798.com-山东省彩礼排名| www.am34.com-全国彩票开奖结| www.082048.com-大发快三平台遍人吗| www.475404.com-北控国彩是传销的吗| www.552043.com-爱彩乐有多少用户| www.618027.com-体彩中心主任领奖| www.702550.com-绵阳盛澳竞彩联盟| www.cp6822.com-浙江快三-| www.se09.com-昨天内蒙快三走势图| www.262.hk-瑞士分分彩官网| www.92550.cc-7070彩票登录| www.989410.com-福彩复式怎么买列表| www.6033.cm-昭通彩票中奖者| www.218915.com-赚佣金彩票代打| www.848.xyz-彩88推荐专家专栏| www.7257.cn-彩虹台网络电视直播| www.52359.cc-浙江体彩票-| www.051283.com-彩票合买哪个app| www.871210.com-豹赢彩票真假| www.971579.com-体育彩票赚钱吗| www.cp8553.com-今日河北快三走势图| www.828.top-幸运二八彩票| www.6572.top-今晚彩票3d开奖图| www.22389.cc-结婚彩礼和嫁妆| www.411462.com-澳门香港竞彩| www.109572.com-132彩票破解| www.067506.com-黑彩app改余额| www.261237.com-火箭彩票app| www.289258.com-神彩争霸-| www.450878.com-彩票816的邀请码| www.621483.com-乐彩网摘字谜| www.098403.com-哈市中彩股份| www.53192.cc-谁有重庆时时彩网站| www.786952.com-盛兴彩票网登录v3| www.04213.com-下载全中彩票| www.531510.com-买nba篮彩交流| www.cp7227.com-网赌快三-| www.19vb.com-彩仙阁app-| www.37099.cc-湖南省体育彩票| www.516708.com-趣彩彩票安卓版下| www.890511.com-六十万彩礼-| www.536403.com-彩票包括几种类型| www.20191.cc-彩票高手选号秘笈| www.4116.vip-七星彩最新规律表| www.116352.com-快三必中方法| www.222173.com-鸿运网快三-| www.0085.net-菠萝彩双色球公式| www.9879.top-竞彩被禁止了吗| www.77492.com-必嬴彩票-| www.36vh.com-玩uk彩危险吗| www.368779.com-七星彩开奖时间周几| www.828860.com-彩票真实性论坛| www.114040.com-彩友网bhcyw| www.665488.com-168快三开奖网| www.808578.com-彩票分析软件真假| www.913269.com-福客彩骗局-| www.46665.com-时时彩赌番摊| www.30909.com-黑彩属于诈骗么| www.86627.com-福彩动物总动员技巧| www.622091.com-青哇彩8时万| www.70044.com-时时彩后三胆码| www.89294.com-彩票查看软件有哪些| www.316952.com-900万彩票app|