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.399967.com-网投港彩48倍平台| www.545125.com-武汉福彩机转让| www.230301.com-财神彩票是真是假| www.375995.com-体育彩票竞彩违法吗| www.261739.com-有谁知道福彩网站投| www.372992.com-外围竞彩软件| www.483896.com-香港彩富网小龙人| www.239981.com-五分彩怎样买才能赢| www.383002.com-彩票头奖在哪领| www.539406.com-彩票以后的发展趋势| www.613641.com-腾讯抄袭彩虹六号| www.700925.com-体彩可以开直营店吗| www.781645.com-福彩新玩法-| www.856922.com-中国福彩3d藏宝图| www.0652.cn-中奖彩票生成| www.47374.com-好彩妹口头禅的照片| www.075537.com-瑞彩祥云结不了卡| www.247121.com-彩票赚钱平台注册送| www.426609.com-足彩总进球怎么开奖| www.553144.com-张家口体彩地址中心| www.633663.com-七彩建设公司| www.732695.com-佰万彩票注册| www.803210.com-彩票返奖率与中奖率| www.874473.com-老谢的彩票专栏| www.tf80.com-时时彩不会亏的方法| www.858928.com-今日福彩体彩开奖号| www.981175.com-易彩网开奖公告| www.yf48.com-67彩是什么平台| www.261.me-彩票国际黑钱平台| www.739514.com-福利彩票兼职可靠吗| www.871084.com-彩票投注资金计划表| www.978493.com-开发彩票程序犯法吗| www.rk70.com-网络彩票反水啥意思| www.1363.vip-买彩票真有中奖的吗| www.39736.com-彩库宝典ios| www.042806.com-彩票平台广告词| www.190930.com-快三中奖查询表| www.38221.cc-彩天下平台代理| www.019432.com-毕节彩票站有哪些| www.116993.com-彩票倍数计算| www.192005.com-河南快三任意俩码和| www.036981.com-彩票01下载安装| www.151710.com-福利彩票多少个数字| www.233119.com-北京单场彩客网| www.323427.com-福建七乐彩走势图| www.456628.com-老人中21亿彩票| www.587867.com-彩票吉林彩票快三| www.720230.com-中彩票的概率是多少| www.841086.com-守号买彩票中奖故事| www.951874.com-彩神8是合法网站吗| www.ae8.com-福彩3d中奖技巧| www.c63.com-快三是真的能赚钱吗| www.84bu.com-体育彩票周几开奖| www.305182.com-体彩第19037期| www.726.win-时时彩个位固定码| www.057037.com-彩票预测网站源码| www.230333.com-彩票99骗局-| www.343888.com-买彩票中奖词语| www.505808.com-手机玩黑彩犯法吗| www.644114.com-体彩中奖最大金额| www.775705.com-彩票群的网名大全| www.876499.com-体彩各种玩法介绍| www.969099.com-北京彩虹计划| www.13ez.com-彩票站点号-| www.222.tv-九龍彩票-| www.364741.com-独角兽彩虹同性| www.483826.com-彩票机选神器| www.561266.com-彩票团队骗局| www.671453.com-123六开彩开奖| www.750010.com-全中彩票最-| www.813082.com-卖彩票图片-| www.920311.com-河北快三违法吗| www.977750.com-竟彩首网-| www.be77.com-7乐彩中奖查询| www.8ds.cc-体彩排列3中奖规则| www.523.cm-老时时彩一星走势图| www.7428.org-开体彩店咨询电话| www.57125.com-江苏快三统计遗漏| www.36112.cc-湖北福彩微信代运营| www.245869.com-福建快三首页一定牛| www.451259.com-彩票到底造没造假| www.589609.com-七星彩多少种组合| www.1981.org-599易彩堂-| www.90827.com-全民智投足彩老版本| www.35431.com-时时彩平刷经验| www.mx78.com-彩票大数据定律| www.77552.cc-好彩网3d字谜图谜| www.120735.com-彩票哪里不能损坏| www.191199.com-彩票走势图分析方法| www.7623.com-彩票图标-| www.851153.com-香港6万彩开奖结果| www.4zn.com-体彩开奖地址| www.077979.com-彩票有弄虚作假的吗| www.189921.com-p3蓝琪儿体彩断组| www.ju45.com-彩客网y-| www.ky96.com-福彩3d输了几万| www.422263.com-彩铃网-| www.282436.com-小鹿多彩开奖网| www.cs55.com-私彩平台能玩不| www.36ds.com-乐利2分彩技巧| www.637143.com-彩虹娱乐领取新手卡| www.ie62.com-手机买彩票靠谱吗| www.749888.com-弘鑫娱乐彩票| www.12ic.com-多赢大发快三app| www.0179.org-重庆时时彩天天计划| www.53186.cc-重庆时时彩赢钱玩法| www.079046.com-官方大玩家彩票| www.0562.org-中国福彩报电子版| www.975645.com-未婚先孕彩礼怎么谈| www.101482.com-立彩助手app下载| 老彩票www.775710.com| www.5sz.com-日本七亿彩票| www.3992.biz-福彩排7怎样中奖| www.83365.cc-投彩带赚是骗局吗| www.172556.com-彩票152cc-| www.6510.org-体彩即开彩票票种| www.650423.com-彩虹伞教案小班| www.505538.com-许昌市盛彩-| www.614626.com-3d中网彩-| www.746700.com-某某爱彩票app| www.982474.com-彩票店中奖提成多少| www.889.tv-人生没有彩排的说说| www.21258.com-1305彩票网下载| www.038619.com-快三派奖-| www.cai5656.com彩票走势图怎么分析| www.517678.com-牛彩下载-| www.801563.com-彩票史最大弃奖| www.nd05.com-uu快三软件下载| www.mc68.com-易彩快三大小计划| www.792213.com-体彩中奖了怎么领奖| www.003599.com-体彩超绍大乐透开奖| www.614607.cc-大奖快三判断大小| www.26519.cc-南洋彩资料-| www.620355.com-助赢彩票娱乐平台| www.623311.com-热拉骗玩彩票| www.491.cc-一三五福星一彩资料| www.51bq.cc-足彩任九过滤技巧| www.479896.com-西宁体彩哪里领奖| www.22266.com-e彩堂软件-| www.123325.com-快三跟计划几把止损| www.6791.biz-足彩一彩票-| www.040842.com-足彩怎么看盘| www.1802.com-医彩化妆品怎么样| www.460178.com-快三分分彩全天计划| www.873711.com-乐和彩彩票官方下载| www.n86.cc-牛彩官网-| 大赢家彩票平台www.763829.com| www.686091.com-七星彩直播网易| www.892901.com-彩票收米是什么| www.483851.com-正规彩票αpp| www.wp22.com-中国足球彩票官网| www.355285.com-彩票怎么对-| www.896159.com-买彩票中大奖的么| www.83821.cc-七星彩爆率-| www.711392.com-天天福彩网站| www.499097.com-彩票日工资2| www.7768.in-福彩讲师ppt模版| www.91999.cc-快彩为啥调整| www.tv87.com-时时彩合买骗局群| www.656731.com-色彩性格测试| www.26100.com-彩虹七种颜色的寓意| www.99254.com-去店里咋买彩票| www.734808.com-五分钟极速彩票| www.np24.com-甘肃体彩软件下载|