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天

知道了
彩01彩票 www.8185.me-海南博彩受益股| www.39613.cc-中彩在线办公系统| www.755057.com-彩16下载了打不开| www.853937.com-福彩多彩网下载| www.950025.com-98188彩票网| 乐彩www.35885.cc| www.fj02.com-快三是国家的吗| www.120245.com-久久发彩票官方网站| www.18hb.com-付费彩票计划软件| www.750575.com-42678彩票-| www.123773.com-刮刮彩一包-| www.974693.com-江苏体彩网唯一官网| www.gw13.com-福彩中心承认作假| www.k68.top-足彩让球规则| www.329708.com-qq彩票维护-| www.wq15.com-彩票走势有规律吗| www.730888.cc-麒麟青龙足彩微信| www.853784.com-温州体育彩票网点| www.94744.com-中国彩票销售额排名| www.92sx.com-河内5分彩被骗| www.390519.com-福彩3d在线模拟| www.525997.com-美人鱼彩票网址| www.611065.com-福彩3d必中秘密| www.707021.com-彩票网络平台出售| www.819813.com-小镇上买彩票| www.922461.com-甘肃快三官方下载| www.987310.com-手机购彩安装| www.bp01.com-福彩快三分析软件| www.724216.com-乐彩彩票注册| www.103122.com-旺彩大乐透安卓版| www.318210.com-博彩业-| www.432435.com-红利彩票平台网址| www.550965.com-体彩合买平台合法吗| www.627867.com-体彩任选9玩法| www.701412.com-19042期足彩| www.824641.com-彩票兑奖处邓州市| www.941998.cc-凤彩网预测下载| 七彩www.53900d.com| www.oa95.com-c99彩票-| www.02tw.com-微博世界杯彩票提现| www.92of.com-五八同城彩票销售员| www.8877.org-黑彩平台刷流水心得| www.669658.com-今日彩票农历| www.761072.com-老时时彩360投注| www.838399.com-世界杯彩票投注| www.925464.com-彩6下载手机版| www.85lj.com-呼市福彩在线游戏| www.0507.top-京彩app图片| www.16017.cc-内蒙古快三综走势图| www.724861.com-中彩彩票在哪里| www.107298.com-彩票怎么买稳赢| www.785598.com-牛蛙彩票图库| www.fc53.com-百彩网马会开奖| www.653751.com-澳门有哪些彩票发行| www.358713.com-体彩号码多少个号码| www.758161.com-境外彩开奖官网| www.906107.com-国模大尺度彩炮图| www.ia79.com-彩票坊被骗-| www.el21.com-福彩好运快三| www.808878.com-两元体彩买几个号码| www.961155.com-哈尔滨快三走势图| www.fn75.com-幸运快三网评论| www.189543.com-河南福彩快三电脑版| www.382825.com-穿越成九彩僵神| www.84ij.com-网上买彩票输钱| www.863310.com-2月16号体彩| www.860188.com-奥客手机彩票网| www.22932.com-咋样计算下期彩票| www.990762.com-好彩票专业版安卓版| www.gu33.com-一定牛彩票网骗子| www.h21.net-七星彩众彩网预测| www.440636.com-彩票网站跑路了| www.055071.com-竞彩网新浪-| www.363058.com-美丽的彩虹像什么| www.514009.com-购彩网靠谱吗| www.595494.com-虎扑篮彩-| www.138897.com-吉林快三怎么打胆拖| www.301266.com-旺彩预测社区| www.745930.com-辽宁福彩怎么样| www.760016.com-陕西福彩自助终端机| www.gq05.com-哪里可以买快三彩票| www.928737.com-快三二维码下载安装| www.639941.com-东方彩app下载| www.957625.com-帝王彩票-| www.nf90.com-华夏彩票快三| www.49pr.com-七星彩18080| www.1516.in-体彩大乐透7位数| www.7561.top-222彩票app-| www.025826.com-包头福彩中心| www.223061.com-精英彩票下载手机版| www.78798.cc-福彩3d绝密解码| www.038871.com-澳门快三开奖号码| www.141352.com-彩店宝彩票苹果版| www.2434.vip-大发快三绝密计划| www.451915.com-乐彩彩票软件破解网| www.69547.com-c99彩票链接| www.710191.com-天天签到存款赠彩金| www.854320.com-多彩网彩票安卓版| www.964131.com-足球彩票投资技巧| www.cai1588.com江苏福彩快三| www.lb03.com-好彩票手机版| www.u17.com-深圳彩票中奖者| www.71nc.com-祝中彩票的诗词| www.1616.net-特彩吧安卓下载| www.7740.xyz-彩9网站靠谱吗| www.539815.com-买足彩会赢钱吗| www.962643.com-银河彩-| 手机购彩www.572899.com| www.sg37.com-五分时时彩下载| www.893229.com-内蒙古福彩网首页| www.972995.com-最老版彩库宝典下载| www.la3.com-白宝彩票快三吉林| www.mu87.com-易盈彩票安卓| www.2on.cc-彩鸿app骗局| www.165591.com-1068彩票手机| www.ek56.com-购彩论坛-| www.7594.cc-福彩计划平台| www.489009.com-3d彩图专辑-| www.627193.com-nba可以买彩票吗| www.0424.cm-福利彩3少走势图| www.01301.com-彩云天气官方下载| www.223028.com-免费彩票全天计划| www.539408.com-彩票旗舰店-| www.639480.com-体彩门店装修效果图| www.768933.com-亚博彩票可信吗| www.919852.com-彩票模拟打印系统| www.51199.com-58彩票稳定计划| www.cp5568.com-内蒙古快三开奖情况| www.kb88.com-数字3彩票吧| www.31bh.com-彩虹授权商正版查询| www.256972.com-微彩吧苹果app| www.513670.com-快三定一胆技巧| www.96dv.com-网上赌时时彩违法么| www.42886.com-旺彩彩票开奖结果| www.339130.com-时彩族永久博客| www.288592.com-网易彩票电脑版| www.1900.in-贵州多彩贵州城| www.14555.com-浙江体彩休市| www.64hk.com-迷彩战士是哪种动物| www.11693.cc-福彩董事长-| www.90101.cc-七彩影院苹果版| www.092068.com-开假的彩票站| www.295811.com-福利彩票甘肃快三| www.366331.com-手机购彩客户端| www.486582.com-今日竞彩单关赛事| www.113911.com-快彩助手是什么业务| www.165897.com-天天中彩票我想推荐| www.220027.com-快三有什么技巧| www.751849.com-1号娱乐彩票| www.ch90.com-中国福彩-| www.10wo.com-大彩网3d常规走势| www.1797.cn-3d淘彩吧-| www.315118.com-福彩跑马幸运彩规则| www.0698.cm-易彩堂登录会员| www.505274.com-福彩3d现场直播| www.134707.com-人工计划彩票| www.655609.com-体彩新浪彩票网首页| www.730657.com-中国福利彩票第| www.835862.com-福利彩票代销证办理| www.911408.com-吉林快三推荐| www.977750.com-竟彩首网-| www.cp9536.com-中彩网投注靠谱吗| www.w98.top-体育彩票封机时间| www.737801.com-欢乐彩直播app|