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天

知道了
500彩票竞猜 www.873841.com-旺彩开奖结果查询| www.2550.vip-时时彩趋势k线软件| www.02938.com-体彩主任1360亿| www.612881.com-d8彩票网-| www.616547.com-福建体彩36-| www.381530.com-礼拜六哪些彩票开奖| www.087875.com-中国竞彩网网址| www.535.in-时时彩代理获刑案例| www.5526.vip-网上赌快三是真的吗| www.583569.com-彩色的中国歌词| www.690544.com-新浪足彩分析推荐| www.393789.com-正版福利彩票双色球| www.3872.bid-中国足彩赛事中心| www.772816.com-怎么买时时彩| www.58937.cc-大同体彩中心| www.659468.com-中国足球彩网| www.752771.com-彩6彩票软件下载| www.758048.com-网上快三倍投计算器| www.865868.com-网上带你玩彩票的人| www.941313.com-大发彩票是假的吗| 彩民网www.76520s.com| www.385807.com-百度彩票166| www.533921.com-aa牛彩会开机号| www.617691.com-结婚聘礼彩礼图片| www.688983.com-专业玩彩双色球视频| www.773551.com-2分时时彩哪里的| www.863857.com-七星彩湖北兑奖地点| www.928553.com-七星彩买法-| www.985913.com-彩票送彩金18| www.bg10.com-私彩平台-| www.tq85.com-最新福彩门户网址| www.00hs.com-彩虹只有雨后出现的| www.74zc.com-新生彩票-| www.1582.bid-彩票缩水专家苹果版| www.8306.cn-彩友吧彩民朋友的家| www.30794.com-彩票66网是不是| www.664536.com-简单彩铅画风景建筑| www.766765.com-彩票双色球生日选号| www.872068.com-福利彩票多少钱一注| www.946638.com-福建省福彩报电话| www.999655.com-福彩杀码定胆| www.cw46.com-福利彩票店能过户吗| www.666820.com-国乐彩ios-| www.780071.com-足彩预测最准的网站| www.908732.com-安徵福彩-| www.982454.com-鴻彩网-| www.ip7.com-内蒙快三中奖多少钱| www.wk85.com-排3排5彩票玩法| www.228866.com-江苏彩票11选5| www.98vh.com-内蒙福彩微信公众号| www.444178.com-彩票免费资枓大全| www.544353.com-易彩下载下安装| www.625256.com-苏宁彩票安全吗| www.700482.com-彩票号码在线生成器| www.777875.com-网易手机福彩查询| www.852547.com-正信分分彩是假的吗| www.915920.com-体彩转让-| www.26oe.com-福彩分分彩开奖结果| www.0498.com-附近福利彩票网点| www.11239.com-绝对可靠的彩票开发| www.76zk.com-即开型彩票都是骗| www.56pb.com-c9999购彩网| www.266947.com-中华彩票注册邀请码| www.874687.com-大同彩票网站地址| www.965955.com-香港福彩三的| www.cp8968.com-内蒙快三爱彩乐| www.848058.com-古建彩绘厂家| www.930429.com-海南七星彩梦册解码| www.999597.com-境外彩票信誉网址| www.oi97.com-七星彩19048期| www.47gi.com-福彩3d奖是多少钱| www.655678.com-爱彩乐老版-| www.903177.com-关于159竞彩足球| www.58995.com-600万彩票网登录| www.204312.com-牛彩网福彩3d| www.54320.cc-重庆时时彩单双漏洞| www.139437.com-绑卡送彩金的彩票| www.99293.com-玩天天彩票技巧| www.ev29.com-大奖彩票网官方网站| www.209726.com-彩票自助机怎么申请| www.332026.com-福彩十选五是什么| www.488035.com-梦见数字买什么彩票| www.570111.cc-福彩一分彩计划| www.673503.com-安徽快三怎么算和值| www.752212.com-快三微信群大小单双| www.864618.com-一手机彩票网站| www.922521.com-竞彩培训师报名| www.9922.space-许昌结婚彩礼谁留着| www.619519.com-福彩彩票站转让信息| www.692777.com-网络彩票有规律吗| www.64ah.com-吉林彩票初几上班| www.287.cm-彩家园是黑平台吗| www.220136.com-众盈时时彩骗局揭秘| www.509765.com-博彩类网站源码| www.36by.com-大奖快三套路教学| www.863816.com-七星彩十位专家预测| www.919049.com-什么黑彩平台靠谱| www.969352.com-福利彩票中心收入| www.cai4611.com中国福利彩票快乐彩| www.728308.com-体彩站点编号查地址| www.816229.com-河北快三选号计巧| www.886427.com-90彩票平台-| www.952457.com-广东福利彩票好彩2| www.995280.com-北京福彩网民论坛| www.aq35.com-遵义市福彩管理中心| www.88ii.com-彩票彩客007| www.338807.com-喜彩票-| www.652648.com-澳门有什么彩票开奖| www.728886.com-京东彩票找不到了| www.797200.com-云购彩票是骗局吗| www.876476.com-重庆时时彩维护多久| www.933418.com-好乐购网站彩票| www.976737.com-福利彩票开奖结果福| 大赢家彩票平台www.689632.com| www.fi87.com-快彩11选5-| www.un13.com-体彩三d试机号今天| www.795383.com-中彩票如何兑奖| www.878956.cc-彩票缩水选号| www.948031.com-彩票店的利润| www.990648.com-江苏省e球彩| www.wp1.com-体彩彩票规则及奖金| www.uq17.com-官方手机买彩票| www.57.me-开彩传媒新闻| www.0100.top-彩票能回本吗| www.515976.com-精准推单骗局足彩| www.639779.com-一分彩牛牛-| www.716118.com-大发彩票是否合法| www.784684.com-幸运之门七星彩走势| www.846879.com-福彩蛋蛋是什么| www.895555.com-网兼创名彩票靠谱吗| www.950529.com-e乐彩网-| www.989110.com-v9福彩-| www.cp6269.com-乐乐彩票是骗局吗| www.iv93.com-彩票民间高手老王| www.a04.com-大通彩票-| www.13br.com-帝彩国际是什么| www.76gq.com-洛杉矶国际快三下载| www.964159.com-几点买彩票中奖率高| 网易彩票www.558423.com| www.mp84.com-彩神争官方网站| www.03vg.com-体育彩票山东试点| www.77wq.com-怎么购买国外彩票| www.51361.cc-快三网合法吗| www.s70.cc-体彩排列三4机号| www.57ti.com-中彩那天板书设计图| www.3727.pw-球彩台在线看| www.9180.online网络直播彩票| www.04143.com-足彩二串微信号| www.62396.com-彩票试玩大全网| www.021841.com-官网竞彩258下载| www.756195.com-盈彩网彩票-| www.318047.com-幸运彩票成立多久了| www.902142.com-河南幸运彩开奖当天| 金冠彩票www.49956c.com| www.44056.com-体育彩票投注方式| www.86103.com-福彩3d缩水程序| www.23wa.com-重庆市彩走势图| www.783696.com-非法平台玩彩票| www.883831.com-彩报开机号板| www.777381.com-手机彩票怎么回事| www.864434.com-178彩票网登录| www.938932.com-澳客体彩app| 好运来www.998855a.com| www.vc52.com-福彩快三稳定计划|