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.369736.com-下期彩妹双色球排雷| www.775365.cc-下裁投彩网-| www.885994.com-古风人物女彩铅| www.974846.com-江苏体彩和值走势图| www.oj76.com-彩界皇后独胆| CP701www.cp701.vip| www.968436.com-福建彩民论坛网| www.gd.com-竞彩网计算器| www.368111.cc-彩铅鲜红配色| www.696769.com-绍兴体彩网-| www.019065.com-陕西快三开奖查询| www.883517.com-2a彩票-| www.bo57.com-手机网易彩票下载| www.xl14.com-华夏鑫彩是正规的吗| www.27200.com-5分快三计划群| www.380784.com-彩票新手怎么看| www.670715.com-福彩幸运农场追号| www.767643.com-彩票快3倍投计算器| www.2481.com-体彩出奖号出奖号| www.28595.cc-哪种彩票买的人最多| www.610523.com-cp36彩票网址| www.715432.com-国家有多少彩票网站| www.819234.com-安阳彩票中奖大乐透| www.891511.com-彩票计划导师软件| www.969951.com-福利彩票有人中奖吗| www.cp105.com-广西十分彩走势图| www.915104.com-自动挂机买彩票软件| www.83oc.com-彩票七位数开奖时间| www.56687.cc-速彩网下载-| www.959780.com-3号彩票正规吗| www.cai5055.com快三开奖玩法| www.bu33.com-网上投彩票合法吗| www.233147.com-黑龙江省体彩| www.738685.com-天津福彩机器申请| www.0xc.com-众乐彩快3-| www.544506.com-易彩一分钟规律| www.807253.com-玛雅吧彩票-| www.933019.com-惠明乐彩票网| 博友彩www.918361.com| www.531362.com-手机版彩票苹果版| www.841983.com-彩票公益金管理现状| www.995086.com-惠彩骗局揭秘| www.662249.com-竞彩第二天几点兑奖| www.378927.com-k彩2·0下载| www.035084.com-体育彩票倍数怎么赔| www.xl6.cc-分分快三规律破解| www.124141.com-河北福彩排五开奖| www.206278.com-乐点大发彩票| www.595936.com-陇南福利彩票| www.50808.com-888彩票网合法吗| www.382777.com-彩从哪个网站买| www.199433.com-浙江快乐彩复式胆拖| www.122746.com-众彩乐软件下载| www.514165.com-网上彩票安全吗| www.612799.com-彩牛瓷砖美缝图标| www.1776.club-南国七星彩手机板| www.757740.com-中彩网6000点| www.471280.com-六台彩迷官牛头马嘴| www.90505.cc-彩83登录-| www.77751.com-七彩乐历史开奖| www.145456.com-滴滴彩票送28苹果| www.025826.com-包头福彩中心| www.813531.com-p3清清彩吧图库| www.961246.com-网赌高频彩你赢过吗| www.ny94.com-3d中彩娱乐-| www.39yy.cc-七星彩500特| www.3020.cm-体彩排列五推荐号码| www.38340.cc-酷彩吧可以买彩票么| www.83783.cc-苹果购彩票软件| www.951635.com-江苏快三软件制作| www.999918.com-快三是国家开奖的吗| www.ct07.com-私彩对接官网| www.ta91.com-乐盈彩官网-| www.4xl.cc-竞彩奖金个税| www.92892.cc-9亿彩票代理| www.225476.com-加微信代玩彩票骗局| www.077072.com-俄罗斯彩票开奖结果| www.412008.com-查彩票下载什么软件| www.686507.com-中彩的那一天课文| www.520054.com-中大奖的彩票站| www.396285.com-彩票十月一放假吗| www.841505.com-福彩改企业-| www.cai4177.com北京快三基本一定牛| www.25pl.com-时时彩平台网站网址| www.619934.com-彩票中的轨迹三吗| www.753348.com-k8彩票网站正规吗| www.892617.com-k8彩票网站-| www.282827.com-七星彩中了两个号| www.028137.com-6a6a彩票-| www.9435.top-七星彩抓码规律软件| www.208533.com-体彩竞猜足球比分| www.345054.com-天天有彩票棋牌| www.027560.com-易彩网是正规的吗| www.642814.com-费州快3彩票开奖| www.923386.com-买什么彩票比较靠谱| www.03486.com-台湾彩券开奖号码| www.813234.com-微信女孩玩彩票| www.053199.com-武汉彩票店转让信息| www.898002.com-彩票的宣传语| www.91952.com-青海省福利彩票管网| www.712153.com-因为彩礼结婚前分手| www.039047.com-全国最正规彩票网站| www.hi21.cc-qq彩票下载-| www.394246.com-星期五开奖彩种| www.111551.cc-世纪佳缘上的彩票女| www.587269.com-重庆时时彩赔率高| www.947362.com-新彩吧图迷字谜| 好运彩吧www.025738.com| www.14889.com-时时彩玩法破解| www.82094.com-杭州彩票快三| www.238067.com-发彩网注册-| www.75608.com-彩票平台救援金贴吧| www.120500.com-保时捷游戏彩票| www.378532.com-汇彩网一彩票| www.28133.com-赌体育彩票犯法吗| www.28493.com-买股票不如买彩票| www.5380.cm-彩多多彩票合法吗| www.10040.cc-齐鲁七乐彩30选7| www.111011.com-御彩轩软件计划图表| www.f66.org-彩票吧高手网| www.001908.com-疯狂赛车彩票网站| www.733160.com-全民中彩网-| www.833071.com-彩娱乐彩票| www.916256.com-入侵私彩数据库| www.990140.com-发彩票-| www.jz88.com-新二彩票app| www.8yr.com-体彩终端机培训教程| www.308051.com-腾讯分分彩胆码技巧| www.119240.com-广东的中国福彩网| www.209192.com-甘肃福彩快三助手| www.34044.com-3d彩吧第二版| www.88570.com-9彩计划网站| www.2700.wang-快三游戏网站| www.8329.com-七星彩最新规律图规| www.161489.com-今日头条彩库宝典| www.2248.net-狂三本子彩图百度云| www.220543.com-官方北京快三app| www.315356.com-重庆时时彩免费计划| www.065409.com-彩客网首页擂台| www.865323.com-体彩手机在线靠谱吗| www.870794.com-广东福彩好彩1| www.938567.com-共赢彩票下载| www.979692.com-宝贝计划彩票| 豪彩VIPwww.808762.com| www.012605.com-七星彩都是几点开奖| www.522110.com-中国移动手机彩票网| www.605510.com-彩票吉祥话-| www.673367.com-快三彩票中奖神器| www.753021.com-福彩赢钱秘诀| www.814448.com-5星彩开奖结果查询| www.906695.com-极速福彩3d-| www.992767.com-北京福彩代理| www.il94.com-发短信教你买彩票| www.049542.com-体彩7星彩怎么玩| www.134040.com-贵烟好彩多少钱一盒| www.26465.com-河北快彩快三电子图| www.74373.com-秒速时时彩网站源码| www.103633.com-体彩官网各开奖结果| www.862820.com-重庆时时彩购彩大厅| www.946665.com-6十1彩票开奖结果| 500彩票www.50051u.com| www.bb93.com-江西快三预测与推荐| www.pj02.cc-下载五百万彩票| www.s75.xyz-超级七星彩开奖|