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.881093.com-买黑彩-| www.um51.com-3d彩宝网走势图| www.12im.com-南京快三竞猜| www.83dp.com-福彩亓奖查询结果| www.3032.cn-彩票智能分析软件| www.8604.cn-旧版彩经网彩票走势| www.030706.com-福利彩票摇奖池| www.119694.com-快三50该怎么倍投| www.202596.com-贵州体育彩兑奖址| www.287455.com-五亿彩官方下载| www.460059.com-天际彩票论坛| www.561601.com-加微信送188彩金| www.641599.com-福彩图表-| www.765535.com-大通彩票网站| www.866289.com-快三有什么秘诀| www.945485.com-20元体彩刮刮乐7| 亿彩www.6832m.com| www.fr07.com-uu快三是什么东西| www.zb89.com-红牛彩票网页版| www.33vr.com-足彩推荐猜比分软件| www.1863.top-牛彩湖北三十选五| www.42286.com-qq彩贝-| www.94932.com-儿童彩妆安全| www.067708.com-分分时时彩会作假吗| www.145067.com-3d彩报图库第一版| www.280144.com-重庆福彩官网首页| www.373916.com-体育彩票怎样增加| www.505308.com-网易彩票500期| www.584015.com-彩票分析员-| www.665420.com-体彩金七宝下载网址| www.750417.com-正版大花虎彩图| www.828861.com-孕妇梦见中彩票大奖| www.906785.com-好彩彩票app下载| www.968850.com-百度彩虹计划| www.xa14.com-南国彩票图规规律| www.23eh.com-彩票排列五玩法| www.635.tv-福彩湖北东湖社区| www.5324.biz-彩票只有线下购买吗| www.12501.cc-105彩票登录| www.57674.com-融彩网平台登陆页| www.056062.com-英国彩票彩种| www.150791.com-福彩3d选号工具| www.245880.com-易彩国际下载| www.326108.com-排列三彩宝网试机号| www.406884.com-最新彩票排第一网站| www.521160.com-网上彩票套路| www.595345.com-k彩测速-| www.670250.com-彩票类型-| www.750255.com-下载一个天天中彩| www.824428.com-彩票中心待遇| www.897922.com-彩票店开业广告语| www.968113.com-宁夏福彩中心招聘| www.pg00.cc-谁有吉林快三群拉我| www.4ai.com-凤凰网3官网彩票| www.67ej.com-福利彩票害死人| www.1369.org-vr3彩票骗局| www.9589.cc-福彩店如何经营| www.52873.com-腾讯分分彩龙虎规律| www.000555.cc-pp彩票如何下载| www.071080.com-竞彩团队招聘| www.138302.com-互娱彩票是真的吗| www.218069.com-网络彩票赌博| www.293629.com-彩票2017152| www.367863.com-上期福彩号码多少| www.468163.com-广州福利彩票刮刮乐| www.555812.com-甘肃11选5爱乐彩| www.625468.com-七乐彩测号| www.699106.com-原体彩中心主任| www.781254.com-今日3d彩吧图| www.859246.com-福彩6加1中奖规则| www.928730.com-中国彩票骗局揭秘| www.984811.com-长城彩票官网| www.zw40.com-上海体彩网点申请| www.29lq.com-重庆时时彩胆码计算| www.607.tv-好运快三开奖查询| www.4793.cn-体彩竞彩258彩票| www.01453.com-凤凰时时彩注册平台| www.63667.cc-唯彩预测-| www.030183.com-大发云彩票合法吗| www.108390.com-买彩票的男人能要吗| www.178035.com-吉林快三助手免费版| www.252662.com-三d彩票怎么玩| www.322773.com-彩票yes计划网| www.390227.com-彩民彩票中502万| www.629072.com-彩票相关新闻| www.698279.com-博众时时彩计划软件| www.774297.com-网上赌时时彩违法吗| www.880256.com-喜乐彩票充值平台| www.961341.com-多多彩票234| 鑫亿彩www.035079.com| www.fx81.com-时时彩骗术揭秘| www.xc48.com-19095体彩-| www.15uv.com-附近体育彩票| www.699.cn-科彩印务-| www.4448.me-壹号平台彩票官网| www.06338.com-亚搏彩票-| www.61018.com-李彩铃-| www.045795.com-c81彩票网-| www.127430.com-日彩网-| www.198946.com-浙江快乐彩下载| www.267195.com-辽宁快三开奖结果| www.369852.com-中国福彩123| www.458089.com-四位数福利彩票| www.549698.com-欧冠足彩-| www.654492.com-福彩销售排名| www.735155.com-福彩快三线上投注| www.805273.com-福彩类-| www.875469.com-乐博彩票-| www.961665.com-从手机怎么买彩票| 众发彩票www.658zf.com| www.ch54.com-代玩幸运快三受骗| www.sk90.com-中国竞彩首页官方| www.17cv.com-电子彩票开奖原理| www.255309.com-台湾时时彩开奖号码| www.789709.com-数字竞彩诈骗| www.3908.in-七星彩八卦规律| www.239385.com-彩神大发快三app| www.300052.cc-手机彩票123| www.365675.cc-画彩铅画的必备工具| www.448258.com-快乐彩票网址| www.532343.com-买彩票的方法与技巧| www.669021.com-彩色沥青路面造价| www.739029.com-中国彩票好假| www.803298.com-彩票返奖率怎么算| www.865247.com-下彩彩票网站| www.922079.com-南阳彩铃-| www.974647.com-七星彩报今期| www.lr93.com-今日中彩有骗局吗| www.i28.vip-约彩彩票下载安装| www.31th.com-彩红宝宝第一季| www.881.pw-新生彩票注册登录| www.4460.xyz-福利彩票投注站收入| www.9288.me-乐彩站官网-| www.55903.com-快三彩票分析书籍| www.96829.com-龙山彩票站-| www.057893.com-天空彩高手抢坛| www.155428.com-玩彩票大平台ios| www.235100.cc-彩票中奖的女性| www.301930.com-七星彩几点开奖时间| www.364468.com-世界杯哪个彩票| www.440360.com-692彩票下载| www.522516.com-七彩乐开奖结果| www.585190.com-网易时时彩专家预测| www.652303.com-福彩星期几开奖时间| www.851908.com-360老快三-| www.908885.com-极速赛车彩票软件| www.967487.com-相亲网上的彩票托| www.cp0933.com-快三软件能破解吗| www.jv82.com-北京快三第一牛| www.yt10.com-燕赵福彩网首页| www.13jz.com-彩票字谜总汇| www.72qh.com-济宁福利彩票| www.0458.date-体彩图谜汇总| www.9011.vip-乐彩彩票是真的假的| www.38290.com-购彩兼职是真的吗| www.77159.cc-彩票头等奖怎么领奖| www.020890.com-福彩快三走势一定牛| www.081047.com-彩票有什么规律吗| www.133960.com-九万彩票app安卓| www.199423.com-三分快三跨度走势图| www.258063.com-快三彩网-| www.318937.com-抚州人喜欢玩彩票吗| www.377687.com-彩虹5无人机图片| www.569595.com-彩票打票员好学吗|