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天

知道了
58福彩 www.704770.com-七星彩杀头尾号平台| www.872521.com-四川福彩网官方网站| 6号彩票www.533660.com| www.oe11.com-新大发彩票-| www.19ce.com-七星彩历史列表| www.212.xyz-微信彩票店购买有效| www.768990.com-3d选号彩报汇总| www.994728.com-正规好彩客下载| www.cc06.com-高频彩-| www.925114.com-1彩平台-| www.96lu.com-出售博彩程序| www.4578.vip-易彩乐正规吗| www.565878.com-台北快三开奖号码| www.695106.com-竞彩倍投-| www.521310.com-乐迷天天大奖彩票站| www.660007.com-重庆试试彩出号规律| www.491.xyz-vip时时彩合法吗| www.11853.cc-辽宁体彩网十一选五| www.73689.com-中国体彩投注站| www.868058.com-南国体彩4十1| www.0882.cm-可以发帖的博彩论坛| www.98311.com-彩票二分块大小| www.70ru.com-巴厘岛国际彩票平台| www.6249.xyz-五福彩票安全吗| www.23635.cc-彩票中奖太难了| www.fx58.com-黑彩被骗报警有用吗| www.06bi.com-儿童彩笔画-| www.337.cm-下载app趣彩彩票| www.5556.vip-3d彩吧开机号十期| www.38022.com-潮信彩票群二维码| www.86730.com-体彩天下平台快三| www.101112.cc-01时时彩-| www.200687.com-7星彩专家预测号码| www.276094.com-今天的湖北快三开奖| www.440043.com-七星彩守号15年| www.550601.com-七星彩对联图片大全| www.630776.com-第八套广播七彩阳光| www.371937.com-500彩客网-| www.219162.com-福建福彩网15选5| www.352782.com-上海时时乐开奖彩| www.455563.com-如何做区块链彩票| www.567693.com-七彩阳光广播操视频| www.650754.com-赌十字彩玩法| www.874130.com-重庆肘时彩实时开奖| www.968084.com-彩票刘亮-| www.59bk.com-彩票开奖查迦| www.1205.net-网上彩票技巧与方法| www.35797.com-汇彩网是干什么的| www.917098.com-春天彩票合法吗| www.539114.com-彩票追杀糸统| www.655018.com-算局七星彩画规| www.737294.com-害人的福彩-| www.091922.com-248彩票网手机版| www.957959.com-彩票业-| www.50iw.com-全天快三期一计划| www.3405.vip-彩虹正版易支付| www.12123.com-一分钟江苏快三平台| www.011888.cc-七乐彩每周几| www.914112.com-彩乐园app下载| 世彩堂www.5854d.cc| www.lb40.com-天天中彩票下载安装| www.50pw.com-今天七星彩开公告| www.883430.com-信博彩票app| www.cp8738.com-快三合法吗-| www.676868.com-彩票万能开挂器| www.791644.com-五星乐彩可靠吗| www.889354.com-我要买双色球彩票| www.957586.com-爱彩乐开奖结果查询| 彩世界www.99788b.com| www.eg21.com-浙江福彩6+1生肖| www.xy89.cc-中奖彩票图片| www.26gy.com-体育彩票大乐透图片| www.2496.org-天猫快彩是什么意思| www.899445.com-河南快三杀号技巧| www.991047.com-uu快三代理-| www.eq38.com-炫乐彩票官方网站| www.k39.in-彩神lx怎么玩赚钱| www.70wk.com-时时彩牛牛号| 大赢家彩票网www.83033r.com| www.kj28.com-足球竞彩app| www.7st.com-怎么能让彩票中奖| www.62og.com-体彩税率-| www.0916.tv-乐彩彩票源码| www.6938.vip-七彩虹论坛-| www.162771.com-快三的012路| www.254756.com-好彩投10398| www.33424.cc-福彩水果农场| www.331387.com-老彩民网站是多少| www.442455.com-福彩3d寻宝图全图| www.542840.cc-香港吉利彩票官网| www.654187.com-大玩家彩票网站| www.3465.vip-福彩视频-| www.tw99.cc-快开彩票开奖结果| www.73ww.com-彩宝网开奖-| www.3083.org-慧彩宝-| www.2346.vip-皇都彩票讨论群| www.290341.com-内蒙古福利彩票开奖| www.571206.com-好运彩彩票官方网站| www.5375.cn-支付宝可以买彩票嘛| www.37766.cc-新华彩票预则| www.82330.com-彩票与你同行行| www.050824.com-时时彩如何才能赢钱| www.205820.com-下载快三中奖助手| www.285225.com-快三跳法视频| www.356452.com-就餐送彩票违法吗| www.444930.com-义乌体彩申请投注站| www.127387.com-彩虹六号围攻干员| 鑫彩网www.xcw866.com| www.832121.com-机选七星彩模拟| www.218307.com-三分快三下载安装| www.309767.com-体彩排列5玩法| www.544453.com-百宝彩双色球| www.853107.com-福彩三b爱玩彩| www.921000.com-彩神计划下载| www.974170.com-手机体彩投注密码| 网易彩票www.506731.com| www.ja75.com-竞彩足球比分规则| www.c23.biz-中国福彩千禧3d| www.34yv.com-福利彩票门店| www.2588.net-彩票网站盗走账号| www.311387.com-彩票0165-| www.155583.com-天天中彩靠谱吗| www.980466.com-贵宾室彩票软件下载| www.76.com-快三彩票和值连出大| www.87yg.com-百乐彩票登录| www.2276.vip-3d彩民乐摇钱树| www.08809.com-东莞体育彩票| www.759317.com-彩票的可以筛号| www.978997.com-中国体彩大乐透直播| www.cai0022.com快三玩法中奖技巧| www.013046.com-星期三开的彩票| www.123595.com-3d牛彩一字定三码| www.184787.com-新彩票app-| www.805803.com-大乐透中彩网走势图| www.873963.com-贵阳福彩网上申请| www.931561.com-728彩票下载安装| www.978312.com-9a彩票app-| 500彩票www.594277.com| www.202104.com-贵州省福彩-| www.775688.com-邯郸体彩中心电话| www.872093.com-铜仁福彩中心| www.947289.com-彩58彩票-| www.982446.com-湖南体彩赛车走势图| www.cai0588.com北京快三开奖视频| www.086833.com-时时彩一星复式技巧| www.523046.com-足球彩票19049| www.979351.com-福福彩3d走势图| www.cp7378.com-北京快三来开奖结果| www.ue95.com-内蒙快三查询| www.10ar.com-体彩封机-| www.5340.cc-1号彩票注册平台| www.17667.com-彩票信用玩法区别| www.132336.com-彩礼相关法律| www.221028.com-uu快三是骗局吗| www.017940.com-福彩3d开奖彩票网| www.100410.com-七彩开奖情况| www.444821.com-彩票税多少-| www.530117.com-小鹿网络时时彩助手| www.591771.com-青海体育彩票网管网| www.374338.com-体彩十一运夺金走图| www.727355.com-易彩娱乐招商| www.812756.com-福彩3d单式领奖| www.883092.com-广东福彩任三遗漏| www.9275.online快三计划公式|