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.443544.com-牛蛙彩票开奖查询| www.572165.com-河北十一选五爱乐彩| www.639318.com-彩票销售限额| www.740053.com-澳门彩票网-| www.817673.com-福客来彩票购彩大厅| www.909208.com-搜索福彩3d胆码| www.976458.com-彩礼的美称-| www.ie3.com-江苏快三开奖官网| www.672903.com-彩票开奖结查询公| www.782621.com-51彩虹登-| www.877221.com-113彩票app-| www.943788.com-703彩票网网址| www.996731.com-体彩图谜总汇| www.cx49.com-神彩争霸下载网址| www.wh80.com-彩票走势图经验| www.360080.cc-黑彩在国外犯法么| www.477016.com-福盈门彩票手机版| www.159162.com-私彩群-| www.610813.com-梦见彩票号码能守吗| www.746062.com-10分彩潮信群| www.841908.com-福利彩票是否真实| www.240055.com-快8彩票开奖结果| www.865745.com-易迅彩票正规吗| www.308530.com-彩38手机版-| www.410989.com-中国足球竟彩| www.4151.biz-彩虹十号无人机| www.299414.com-3d彩吧藏机图| www.397768.com-分分钟中彩票网| www.266773.com-中国体彩竞彩店图片| www.761786.com-山东省体彩中心电话| www.356498.com-第一彩票网购物| www.467224.com-足彩庄家预测有多准| www.568007.com-辽宁省福彩中心电话| www.654709.com-宜春福利彩票中心| www.748639.com-至尊彩数字邀请码| www.833935.com-体育彩票模拟选号器| www.918465.com-最大的博彩app| www.999839.com-福彩排列五玩法| www.cx79.com-中国十大黑彩| www.8487.cc-北京彩票店生意转让| www.030070.com-好运来彩票下载| www.115159.com-七星彩直播开奖直播| www.688311.com-东莞体彩领奖地址| www.796438.com-彩票中头奖秘诀图| 500彩票www.50026n.com| www.gm67.com-内蒙快三彩经网| www.413929.com-惠彩免费大全| www.196901.com-手机彩票网福彩体彩| www.322831.com-逆袭彩票软件安卓版| www.511720.com-彩票随机变化| www.29258.cc-手机从哪买彩票| www.99350.com-时时彩任二组选| www.3276.biz-体彩顶呱呱中奖图片| www.00516.com-体彩怎么买足球彩票| www.063658.com-网上推广彩票犯法吗| www.026434.com-一定牛竞彩app| www.74qw.com-好运彩不让我提款| www.52071.com-体彩开奖时间是几点| www.062429.com-福龙彩票全民快三| www.669484.com-新浪竞技足彩排名| www.906107.com-国模大尺度彩炮图| www.8762.vip-彩票预测分析软件| www.40189.com-淘宝彩票合算吗| www.353234.com-88彩票官网注册| www.534680.cc-手机彩票2元网网址| www.780921.com-彩虹岛新职业神鞭手| www.910535.com-双色球快三玩法介绍| 大赢家彩票平台www.657630.com| www.9618.in-迷彩色-| www.024756.com-彩票内部人员透秘密| www.513021.com-好运来彩票骗局介绍| www.586776.com-世界奖金最高彩票| www.660007.cc-篮彩大小分推荐| www.728083.com-官方体彩-| www.791240.com-广西双彩基本走势图| www.604821.com-福彩彩票平台| 财神网www.29277d.com| www.31848.com-彩票店工作时间| www.58fv.com-彩娃什么时候开奖| www.6318.cn-七星彩查询开奖号码| www.015129.com-七星彩的口诀| www.978463.com-易彩快3必中法| www.ih56.com-彩票游戏平台| www.47xv.com-彩票投注计划网站| C9999www.318548.com| www.wi00.cc-澳彩开奖结果| www.126006.com-彩票网yc955| www.365211.com-菜鸟彩票网址| www.688693.com-头条号老谢说彩| www.822812.com-赢彩网排列三试机号| www.950742.com-网上赌快三会被捉吗| www.bg58.cc-福彩骗局-| www.671127.com-幸运彩票外挂| 大赢家彩票平台www.371935.com| www.020765.com-湖北快三和直走势图| www.131907.com-中国各地彩礼嫁妆| www.82jt.com-福彩3d新手入门| www.8340.biz-七星彩aqq-| www.6563.cm-福彩3d分解码| www.280662.com-重庆14彩开奖结果| www.8788.in-人工智能能预测彩票| www.55181.cc-u9彩票提现安全吗| www.057661.com-打内蒙古快三派彩网| www.418163.com-全民彩票改名| www.560273.com-上海彩亿能买彩票吗| www.668864.com-十中一的彩票有哪些| www.794117.com-体彩排列三预测专家| www.946882.com-彩钢工地围挡报价| www.cp5587.com-快三是不是骗局| www.65531.cc-炫彩同义词-| www.22lw.com-彩票双色球开奖下载| www.62916.cc-彩经网时时彩走势图| www.av20.com-江苏快三代理| www.28be.com-快三技巧大小单双玩| www.069.date-82彩票官网-| www.3108.live-特彩高手专栏| www.779458.com-600万彩票网登录| www.867677.com-快三中三个号多少钱| www.947226.com-辽宁省福彩中心地址| www.993208.com-彩票那个容易赚钱| www.fj29.com-分分快三有假吗| www.ub06.com-彩票宣传用语| www.ba4.com-快三三军怎么算中奖| www.pz27.com-彩票c6软件-| www.34478.com-彩票代玩兼职300| www.117772.com-竞彩海报模板| www.179988.com-江苏快三赢的人多吗| www.092057.com-彩票真的是假的吗| www.74zu.cc-七星彩19047| www.0917.hk-中国福利彩票体彩| www.5428.top-华彩生活官方| www.90500.cc-福彩3d一多邦| www.13316.cc-竞彩360比分直播| www.755845.com-江苏快三破解方法| www.893931.com-爱投彩票下载| www.957439.com-汇众彩票平台| 吉利彩票www.80065t.com| www.gt77.com-福彩店怎么申请| www.c16.cm-彩票软件送彩金的| www.77sh.com-福彩动物总动员任三| www.127094.com-彩铅画图片简单风景| www.457979.com-360福利彩票开奖| www.701570.com-哪个平台玩彩票靠谱| www.49520.cc-可投注的足彩app| www.100228.com-互联网销售彩票工作| www.718192.com-彩虹有七色-| www.18580.com-大发彩票网安全吗| www.1408.website彩虹伞图片-| www.zy.cc-中国体育彩票中彩网| www.693065.com-短信购买福利彩票| www.33682.com-吉祥彩总代-| www.024422.com-国彩彩票app| www.91839.cc-体育彩票在哪里兑奖| www.057387.com-彩票价钱规则| www.34553.com-众彩网专家预测频道| www.83480.com-彩票老板自己中奖| www.037400.com-彩克星-| www.113199.com-买彩票危险吗| www.206725.com-百度彩票号码查询器| www.275900.com-七乐彩单-| www.341614.com-福彩怎么追号| www.669649.com-今日运势一彩票| www.728918.com-京东有时时彩吗| www.782905.com-卓易彩票中了不给钱|