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.085.in-天涯明月刀射利彩签| www.778211.com-特彩金彩网-| www.984381.com-江苏快三的危害| www.dq07.com-快三一不买就中| www.a37.loan-多期彩票怎么兑奖| www.45sj.com-彩票店多久关门| www.0443.xyz-百度彩票软件下载| www.897162.com-时时彩长龙判断| www.999201.com-竞彩足球推荐彩客网| www.id90.com-辽宁省福彩中心在哪| www.r02.cn-微信天天中彩票| www.62cg.com-足彩主队-| www.1278.com-国乐彩注册-| www.6750.in-七乐彩预测推荐| www.25118.cc-水彩笔品牌排行| www.76283.com-温州福彩中心地址| www.032559.com-怎么辨认彩票的真假| www.117735.com-七星彩周公解梦数字| www.199472.com-体彩排三遗漏统计| www.282946.com-临沂彩票老师| www.55tr.com-陕西彩票中奖的地区| www.3618.hk-鸿运来彩票官网| www.12599.com-彩77分分时时彩| www.64987.com-盈彩国际app| www.yk48.com-长春逸彩快三| www.70tt.com-时时彩飞艇直播| www.3642.com-旺旺彩预测-| www.9955.top-今天福利彩票的结果| www.615950.com-彩票今日推荐号码| www.728796.com-大连体育彩票网址| www.820870.com-韩国十分彩是真的吗| www.39331.cc-七星彩奇偶预测精准| www.99346.com-内蒙古体彩十一选5| www.081898.com-下载够力七星彩票| www.165152.com-众购彩票网官网注册| www.114150.com-湖北快三分析一定牛| www.211999.cc-彩客网是正规平台吗| www.298092.com-ho123彩票网| www.379315.com-霍华德彩票-| www.571319.com-好彩店北京单场数据| www.657247.com-时时彩公式软件| www.778080.com-乐8彩彩票-| www.873547.com-网易购彩下载| www.84bl.com-乐仑彩票app| www.2414.cc-中国双色福利彩票| www.8651.cn-彩票开奖3月24| www.515428.com-网上买七星彩| www.601533.com-彩漂怎么样-| www.680567.cc-百乐门彩票真的假的| www.767325.com-中彩网18人擂台赛| www.895511.com-网投彩票能赚钱吗| www.968427.com-网络时时彩开奖假的| www.ag70.com-6698彩票网-| www.011910.com-星期五彩票开什么奖| www.095315.com-买足彩的软件| www.168999.com-河南快三遗漏| www.934544.com-快彩软件下载| www.9550.cc-海南最新彩票| www.50321.cc-彩神通金码关注| www.821653.com-福彩彩票机怎么缴费| www.905377.com-yy彩票平台-| www.973645.com-福彩双色球有没有假| www.hp41.com-新浪足球彩票彩| www.d34.top-福彩开奖查询公告| www.38tb.com-彩铅画用什么纸| www.0883.net-山东福彩交流区| www.8301.org-排五是福彩吗| www.391618.com-乐彩彩票网网址| www.96766.cc-足彩比分投注规则| www.111410.com-手机时时彩网送彩金| www.206878.com-152彩票真的假的| www.286472.cc-体彩报纸-| www.999232.com-彩之家官网-| www.bp60.com-时时彩过滤工具手机| www.ww14.com-万彩吧app-| www.21gi.com-彩票3d组三走势图| www.0537.xyz-福彩3d高手在民间| www.316344.com-荣誉彩票-| www.394113.com-彩虹世界新app| www.986730.com-彩票七彩星开奖| www.cp9311.com-河北快三一定牛推荐| www.cp984.com-福建福彩快3开奖| www.rw28.com-快三秒热水器怎么用| www.58fl.com-18077期胜负彩| www.1191.vip-彩票期数表-| www.89225.cc-福利彩票随机选号器| www.089397.com-大发彩票靠不靠谱| www.185318.com-好彩2-| www.266092.com-河北福彩中心电话| www.397502.com-宁夏11选5彩破| www.508928.com-华夏顺彩电动车| www.836201.com-福建体彩136选7| www.946622.com-全部彩种计划| 快彩网www.378015.com| www.36ia.com-网络私彩的骗局| www.3626.com-微彩吧ios-| www.9286.vip-乐彩怎么玩才能赢钱| www.104127.com-广东好彩一开奖预测| www.177536.com-河南福利彩票快三| www.254072.com-华宇app彩票| www.326060.com-体彩19019-| www.397529.com-春节后福彩开售日期| www.554507.com-体彩店开业-| www.622869.com-传奇彩票是国家开吗| www.694043.com-浙江体彩兑奖规则| www.771754.com-时时彩开奖中心| www.979117.com-好彩2好彩3-| www.90fd.com-百乐彩是不是真的| www.277466.cc-浙江怎么没有七星彩| www.383783.com-彩票3d组六走势图| www.st07.com-河北快三计巧| www.06bf.com-彩票中奖技巧指南| www.75oq.com-古建彩绘横梁图案| www.1410.cc-中国福彩等级| www.9679.pw-今天6合和彩开奖| www.52153.cc-彩票分析预测大乐透| www.512855.com-伯乐彩票登录网址| www.584585.com-捕鱼真钱游戏送彩金| www.14if.com-福彩三d各种字谜| www.90ow.com-即时彩票在哪下| www.539809.com-彩票可以研究出来吗| www.732259.com-国家官方彩票有几种| www.803750.com-江苏快三号码统计图| www.875287.com-江苏快三直播开奖| www.974627.com-南方彩票-| www.cai750.com-快三大小规律破解图| www.jw11.cc-彩铅画的好处| www.a37.cn-重庆时时彩高手经验| www.25bs.com-体育彩票好多关门| www.911.tm-五鬼运财中彩票| www.4747.gg-伪造彩票-| www.9652.biz-河北永年县农村彩礼| www.59722.cc-彩虹玫瑰花束| www.688590.com-北京体彩电话投注| www.775039.com-六星彩开奖-| www.874245.com-时时彩免费源码| 彩票58www.582977.com| www.jj43.com-内蒙福利彩票快3| www.zu08.com-彩虹儿歌-| www.103809.com-福彩快-| www.165161.com-全彩助手官网| www.286068.com-河南幸运彩现场开奖| www.365364.cc-漳州体育彩票店转让| www.976328.com-彩礼和聘礼-| www.aw91.com-3d图库彩吧第一版| www.437769.com-多赢彩票注册| www.531038.com-彩铅樱花怎么画| www.34my.com-七呈彩开奖结果查询| www.878.pw-彩铅画玉兰花图片| www.4570.net-长春彩印-| www.9337.cn-香港有线球彩| www.56755.com-福利彩票3d走试图| www.fb92.com-手机黑彩票破解器| www.559601.com-热购彩票-| www.653784.com-江西快三今日开奖| www.791717.com-福利彩票刮刮乐金条| www.865264.com-彩友会下载-| www.923195.com-彩色透水混凝土配方| www.976252.com-江苏彩礼排行| www.bc31.cc-快三官网开奖| www.no11.com-江西新快三和值推荐| www.0dc.cc-个人玩私彩违法不| www.45mq.com-中博技术彩票系统| www.185.me-南宁体育彩票|