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天

知道了
彩票123现在叫什么名字 www.023285.com-五星彩票平台注册| www.266051.com-河北体育彩票选5| www.390056.cc-熊猫福彩真的假的| www.555763.com-08vip彩票-| www.679781.com-彩票2元网下载| www.888676.com-678彩票网规律| www.6fp.com-谁有分分彩破译软件| www.590939.com-东北结婚彩礼给什么| www.702516.com-私彩代理加盟| www.862788.com-体育彩票开奖今天| www.932032.com-中彩网带单盈利| www.988012.com-01cc官方彩票网| www.zd3.com-福利彩票3d字谜| www.ui41.com-近期彩票开奖查询| www.30kn.com-色彩对比作业图| www.847.cm-二六八彩票-| www.431188.com-竞彩单关结果统计| www.950465.com-易赢彩票网址| www.oq01.com-7号彩票-| www.91570.com-荧光炫彩头像| www.172209.com-江西快三彩票| www.283885.com-中国有几种合法彩票| www.292078.com-体彩排列五综合走图| www.9593.site-彩票计划微信群| www.91779.com-彩专家计划网| www.120377.com-宝马彩票网站登录| www.211553.com-福彩时时彩怎么玩| www.289924.com-360彩票是合法的| www.444490.com-网易竞彩分析| www.543891.com-彩坛达人独胆| www.611376.com-网吧有彩虹六号吗| www.680691.com-爱中彩票下载| www.771233.com-新型私彩平台出租| www.845740.com-彩票案件-| www.921127.com-彩神大发官网| www.979446.com-一号彩票安卓版| www.9979.net-梦之队网彩票| www.58834.com-牛彩字谜-| www.se32.com-齐鲁彩票欢迎您| www.217697.com-福彩一分快三下载| www.347654.com-天天彩票集团软件| www.478776.com-所有福彩网站大全| www.631078.com-什么是网上打彩票| www.740228.com-百乐彩手机客户端| www.911886.com-天天彩票8-| www.990500.com-全球彩app下载| www.es83.com-红彩网app-| www.f97.com-彩票怎么买号| www.18081.cc-彩票奇偶数打法| www.91628.com-彩在线计划-| www.086581.com-福彩自助终端机政策| www.160087.com-c58彩票安卓版| www.296018.com-人人重彩票-| www.35653.com-时时彩合买大厅骗局| www.318295.com-快开彩玩法-| www.577187.com-中彩彩票人人中彩票| www.654501.com-台州福彩官方网| www.722779.com-全国第一盛兴彩票| www.794208.com-买彩票只有输| www.869934.com-查询彩票的软件| www.934766.com-kc快彩-| www.ab42.com-上海快三遗漏号码| www.p07.cc-微信购买体育彩票| www.65wh.com-彩金高反水-| www.37121.cc-彩票平台维护正常吗| www.5894.biz-亿彩彩票兼职靠谱吗| www.06427.com-福彩3d中奖号结果| www.60450.com-彩83官方下载| www.386011.cc-彩票网站出不了款| www.566175.com-彩票预测下载手机版| www.677681.com-小店宝是彩票吗| www.755028.com-手机一定牛买彩票| www.857991.com-福彩快乐彩作假| www.925760.com-l9cfcc彩富网| www.982494.com-新彩彩票正规软件吗| www.cp8115.com-易彩快三开奖走势图| www.268.cc-彩妆百货加盟| www.65ws.cc-福利彩票pk10| www.5833.club-体彩365官方下载| www.72078.com-深圳体育彩票不出票| www.179687.com-苹果手机买彩票| www.507715.com-买彩票中奖查询结果| www.634377.com-96购彩-| www.909308.com-宝马彩票平台靠谱吗| www.994722.com-好彩客官方网| www.fq92.com-天天快三在线| www.733093.com-南京市体育彩票中心| www.856644.com-七星彩开结果| www.939113.com-快三权威下载| www.999578.com-170彩票网手机版| www.cr83.cc-广西快三全天多少期| www.213264.com-上海爱彩乐十五选五| www.285130.com-幸运时时彩人工计划| www.440454.com-彩票未领取名单| www.557446.com-高频彩有哪些| www.630926.com-14胜负彩玩法| www.688124.com-九州彩票手机软件| www.759655.com-彩票赌博软件骗局| www.837103.com-立彩官方下载| www.nv25.com-赌博彩票-| www.5518.tv-彩票店如何盈利| www.49456.cc-腾讯分分彩票平台| www.49450.com-彩神预测qq-| www.qk82.com-江苏快三人工计划| www.8821.vip-陕西十一选五彩票| www.106336.com-没有彩票的国家| www.79345.cc-黑龙江体彩大乐透| www.984958.com-运彩网app-| www.me93.com-好多人骗别人玩彩票| www.t38.tv-武汉彩票事件| www.40pv.com-港彩免费网址大全| www.760.gg-飞来福彩吧靠谱吗| www.330230.com-采摘网牛彩网| www.385592.com-会员登陆9b彩票| www.469292.com-彩票资源分享| www.532752.com-七星彩四个号多少钱| www.026372.com-彩票网站搭建成本| www.96vt.com-系统彩票是什么意思| www.02235.com-558彩票正规吗| www.147011.com-必中时时彩全能计划| www.4625.biz-5a彩票网-| www.299368.com-看彩票走势图的方法| www.370150.com-七星彩走势图宝贝| www.488244.com-甘肃快三双色球| www.559652.com-陇彩宝官网-| www.019573.com-好玩的3d彩票软件| www.7039.vip-最新竞彩258球迷| www.736281.com-上海足彩销售点| www.805372.com-中国足彩网彩票| www.864888.com-华彩在线下载| www.910706.com-无精选彩专栏| www.958989.com-香港乐和彩一518| www.995205.com-足彩怎么看胜负平| www.ag73.cc-信誉彩票app| www.qr16.com-t体彩的宗旨| www.4lm.com-彩票看不懂-| www.53pj.cc-彩票大乐透查询结果| www.641.bid-985彩票官方网站| www.3957.cn-ll彩票软件-| www.8625.loan-河南体彩电脑版| www.28926.com-时时彩是人为控制和| www.8697.top-e乐彩源码-| www.040678.com-足球博彩技巧一招鲜| www.122155.com-三分时时彩开奖预测| www.17836.cc-赢彩资讯app| www.003325.com-基诺彩票奖金| www.078250.com-bb彩票有假吗| www.254378.com-好彩赚钱靠谱吗| www.381920.com-湖北福彩短信投注站| www.613828.com-彩票代理平台刷流水| www.666796.com-陕西福彩提现不到账| www.735.cn-博盈彩票黑平台| www.5664.biz-时时彩新走势图| www.20170.com-专业定制彩票软件| www.139977.com-内蒙古快三推荐红号| www.oc10.com-多赢彩票官网网址| www.54314.com-二八彩下载-| www.248099.com-518彩票网合法吗| www.905308.com-福彩百位号-| www.975034.com-七乐彩杀号定胆专家| www.fr56.com-福彩快三规律走势| www.vj65.com-3d彩报图-| www.03hw.com-彩票与投资报刊| www.62iv.com-福彩怎么样-|