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.375110.com-时时彩后二技巧规律| www.184606.com-北京福彩快三开奖数| www.033320.com-七乐彩开奖机选号码| www.099181.com-彩票开奖查询公告l| www.99832.cc-彩票中奖搞笑图片| www.74486.com-七乐彩开8个号码| www.097046.com-彩吧泌坛首页| www.52995.com-彩46是正规网站吗| www.025609.com-陕西省福利彩票官网| www.982764.com-567彩官方网址| www.500028.cc-最早的彩票怎么设计| www.660804.com-所有彩票开奖软件| www.789441.com-竞彩输五万-| www.907137.com-山西大同快三开奖| www.cp1106.com-北京快三计划网页版| www.991001.com-乐赢彩票登录| www.057701.com-梅子3d预测新彩网| www.01ez.com-彩虹歌词羽泉| www.566725.com-快三买单双-| www.9420.vip-开彩吧天下彩特彩吧| www.001991.com-釉彩瓶主要成分| www.95329.com-竞彩外围是什么| www.7974.top-伯爵博彩娱乐| www.67130.com-彩票机怎么显示中奖| www.106791.com-今晚彩票开开奖结果| www.223028.com-免费彩票全天计划| www.82zf.com-599彩票安全么| www.421884.com-彩票保密协议| www.129837.com-山东彩民中双色球| www.981649.com-体彩下载客户端下载| www.16fq.com-7彩阳光信站开始| www.638163.com-彩票店铺转让| www.981242.com-做彩票兼职-| www.82yb.com-澳门三乐彩开奖公告| www.18521.com-福利彩票自助选号| www.121466.com-百合网上男彩票托| www.590888.com-298彩票下载| www.655715.com-m8彩票网-| www.8qd.com-280彩票-| www.12236.com-网上怎么购买福彩| www.08qh.com-爱购彩票可信吗| www.512272.com-简单清新彩铅画| www.772401.com-toto彩开奖结果| www.fa.com-全国所有快三| www.882597.com-中国高频彩合法吗| www.764238.com-彩神x是怎样的骗局| www.926535.com-五福彩票网5f12| www.995475.com-足彩比分直播新浪| www.ix45.com-中彩网3d开机号| www.190106.com-快三牛开奖内蒙| www.232617.com-最赚钱的彩票系统| www.314880.com-最好的彩票分析软件| www.463067.com-惠盈彩票app| www.586418.com-存1送15彩金| www.659103.com-特区七星彩开奖结果| www.759866.com-重庆时时彩推荐计划| www.hu77.com-买足球彩票app| www.o48.net-员工年会领彩票中奖| www.782608.com-豪彩计划软件| www.859246.com-福彩6加1中奖规则| www.930464.com-彩票1亿个税| www.984010.com-彩票365怎么样| www.bv1.com-王素英买彩票| www.tm00.com-19099福彩-| www.23cx.com-99彩票真假-| www.511770.com-e彩堂app-| www.680808.com-内蒙中福快三| www.777469.com-ag数据彩票网| www.856675.com-广西福彩开奖结果| www.961114.com-内蒙古体彩网点| www.kv22.com-上海福彩天天彩选四| www.4250.top-七彩无码链接| www.041138.com-体彩竞彩app| www.349274.com-体彩排列五中五百万| www.yl2.com-彩票10选5-| www.i83.xyz-彩吧论坛首页牛材网| www.5605.pw-南洋马来西亚乐和彩| www.003794.com-足彩竞彩全部比分| www.637027.com-彩虹5出口-| www.703991.com-三位数彩票开奖| www.773364.com-竟彩心得经验| www.845559.com-模拟足彩软件哪个好| www.911446.com-美国彩票开奖时间表| www.969510.com-寻找彩票团队| 500彩票网www.655870.com| www.sa42.com-吉林快三春节停几天| www.602717.com-福福建体育彩票网站| www.693027.com-口袋彩店官网| www.786173.com-排列三彩网-| www.851055.com-时时彩暴富-| www.955667.com-四虎彩影-| www.ce1.com-好彩香烟价格| www.wl85.com-爱彩票下载-| www.831296.com-福彩七乐彩如何中奖| www.971166.com-彩票如何选号规律| www.008173.com-今天晚上彩票开奖号| www.20795.com-竞彩误差计算器| www.57765.cc-彩票app在线| www.003604.com-怎么在店里买彩票| www.071997.com-好彩票107cc| www.543422.com-3b琓彩人杀一码| www.539694.com-中彩票手机客户端| www.8360.in-海南七星彩下载软件| www.143249.com-8号彩票官网下载| www.9547.cm-彩王争霸彩票| www.38953.cc-红彩注册邀请码| www.y19.bid-奥客彩票下载| www.898468.com-678彩票app-| www.ro54.com-彩民之星光盘骗局| www.220286.com-一定牛彩票可信吗| www.080350.com-8亿彩官网-| www.555582.com-青岛市福彩中心地址| www.291500.com-内蒙快三快三| www.055110.com-吉林快三二十号优势| www.69xv.com-彩虹六号起什么名字| www.397047.com-福建体彩彩票网| www.m93.xyz-彩票mobile-| www.363932.com-家教男主是彩虹之子| www.0904.biz-彩导航-| www.65167.com-网上彩票输钱经历| www.865282.com-人人中彩票双色球| www.091.cc-烟台彩票-| www.7484.pw-北京中国福利彩票| www.500158.com-支付宝购物送彩中奖| www.132790.com-世界杯竞彩-| www.gv79.com-福彩技巧-| www.497365.com-首彩灰皮诺白葡萄酒| 聚福彩票www.50989j.com| www.33109.com-烟台快三开奖结果| www.096260.com-福利彩票的发行宗旨| www.256523.com-官方彩app-| www.579921.com-全国最大的福彩论坛| www.867833.com-彩69兼职是骗局吗| www.989649.com-国民彩票网站| www.q57.cc-快三加奖公告| www.974926.com-江苏快三质合走势图| www.204989.com-手机彩票万能选号器| www.21661.cc-彩票app是骗局吗| www.550382.com-lb快乐彩下载| www.858173.com-时时彩要关闭吗| www.3027.org-澳客彩下载-| www.673446.com-全名彩票-| www.42ax.com-足彩胜负平比分直播| www.449377.com-福彩3d鑫马快报| www.211231.com-福彩3d定胆百分百| www.793109.com-快三组合表图| www.110791.com-快三技巧基本公式| www.169894.com-贵州快三形态走势图| www.4453.cc-必发彩票网址app| www.787931.com-彩票网站提款手续费| www.wn33.com-235彩票平台| www.495329.com-电竞博彩业-| www.627566.com-彩1平台是黑平台呢| www.746148.com-体育彩票3d-| www.953234.com-贵宾中彩-| www.09lg.com-福建体彩音乐聊天空| www.781.date-中国体育竞彩计算器| www.29561.cc-五福彩首页-| 大赢家彩票平台www.136057.com| www.p22.com-让人买彩票的顺口溜| www.64sx.com-福彩双色双色球中奖| www.3396.mobi-k9彩票app-| www.090498.com-陕西福彩网官方首页| www.33oi.com-开福利彩票的手续|