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.783336.com-网络彩票举报网址| www.868529.com-7星们彩-| www.908243.com-国彩网址是什么| www.92vu.com-彩票高级师培训班| www.b45.cn-江西福利彩票销售额| www.2266.org-海口彩票网论坛| www.3515.wang-天天爱彩票提现失败| www.0352.mobi-香港58158彩| www.693046.com-上海福彩短信投注| www.356625.com-买彩票如何入账| www.2860.in-超级七星彩视频直播| www.719117.com-3d今天报纸彩图| www.973723.com-华彩彩票官网| www.23650.com-腾讯分分彩后二教学| www.929172.com-福彩平台跟计划赚钱| www.938654.com-双赢彩票导师是托| www.499554.com-八号彩票趋势软件| www.274516.com-拉人玩快三犯法吗| www.853051.com-香港有彩票卖吗| www.552268.com-好盈彩票骗局揭秘| www.805615.com-分分彩输了很多钱| www.963937.com-彩库宝典最快报码室| www.0602.org-500彩票有规律吗| www.68929.cc-彩盈-| 500彩票网www.61655t.com| www.02840.com-彩票危害-| www.71780.com-彩金铂金黄金价格表| www.223545.com-足球彩票网-| www.588397.com-买快三下载上海| www.771992.com-东方彩票app下载| www.94yy.com-济南彩票站杀人进展| www.09217.com-福利彩票aap| www.982078.com-中继彩票app| www.ud62.com-大发快三做代理| www.660901.com-彩票吉林快3开奖| www.438532.com-张家口福彩兑奖处| www.7997.in-交友平台博彩骗局| www.081774.com-网上在哪买七星彩| www.897737.com-贵阳多彩贵州城门票| www.cw46.com-福利彩票店能过户吗| www.44gf.com-足彩竞彩新浪博客| www.606723.com-足彩怎么停了| www.13895.cc-双色球彩票预测网| www.8048.biz-水彩3d画教程简单| www.025379.com-福彩门户免费资料| www.656676.com-竞彩彩票打法| www.02nv.com-彩票3d怎么计算| www.940.date-彩票均衡原理实战| www.117839.com-国彩怎么玩-| www.569100.com-海口彩票网论坛| www.06mm.com-福到彩票开奖结果| www.71655.cc-福彩3d藏机图最真| www.620279.com-足彩倍率的计算公式| www.249301.com-购彩111群计划| www.578876.com-体彩装修效果图| www.099313.com-36o彩票开奖| www.262366.com-福彩3d购买-| www.fd72.com-盈彩网属于合法的吗| www.576426.com-福彩双色球走试图| www.372906.com-彩票下注平台注册| www.25vx.com-摇骰子彩票天天乐| www.23349.com-app500彩票-| www.700097.cc-彩神广东计划手机版| www.92ys.cc-什么是彩票代打| www.566231.com-快三推算下期开奖号| www.843066.com-体育彩票资金用途| www.2335.in-广东36选7好彩1| www.237277.com-中彩网3d开机号| www.753295.com-中华彩吧快三| www.cp8385.com-彩票出号绝密公式| www.138247.com-福彩新彩吧新彩网| www.7112.cm-彩票93-| www.270362.com-彩票主任梗-| www.545406.com-天天乐彩app下载| www.886407.com-大发快三登录注册| www.661624.com-网投分分彩作假| www.95654.com-彩票公益金项目申报| www.997171.com-中彩网网址登录| www.yt77.com-山东体彩扑克三| www.832291.com-七彩影院苹果| www.lr63.com-大中华彩票娱乐平台| www.338530.com-体i体育彩票| www.922532.com-竞彩团队招聘| www.99606.cc-华人官方彩票登录网| www.252715.com-微彩站彩票官网首页| www.485791.com-最新白菜彩金网论坛| www.82gt.com-青岛申请福利彩票站| www.574066.com-彩民推存报百万论坛| www.784727.com-七星彩诲口彩票网| www.040.link-七星彩明月珰116| www.986771.com-竞彩比分篮球360| www.127220.com-彩铅眼睛的画法| www.305408.com-福利彩票35期开奖| www.956802.com-七彩鱼全品种| www.4807.me-为什么彩虹6号禁播| www.177105.com-娱乐快三-| www.569551.com-彩票店只能现金| www.29ex.com-体彩中奖号码是啥| www.503916.com-中国竞彩网开奖直播| www.096398.com-福利彩票投注站加盟| www.57083.com-彩八正版下载网址| www.680820.com-掌优彩票下载安装| www.248168.com-彩票99客户端下载| www.863712.com-彩票网站入侵教程| www.706996.com-用微信能买彩票吗| www.52734.cc-55彩票官方下载| www.269293.com-南方彩票app骗局| www.941779.com-河北体彩佣金是多少| www.720399.com-计算竞彩足球胜平负| www.om80.com-福彩刮刮卡品种| www.143381.com-最准的测彩术| www.739015.com-中国福建体彩官方网| www.83ft.com-北京彩票出巨奖| www.441721.com-上市彩票-| www.0512.wang-公益彩是什么意思| www.127471.com-电脑版彩客网首页| www.240518.com-新3d彩票分析软件| www.78vr.com-台湾5分彩网站| www.93718.cc-天天彩票推荐| www.36559.cc-澳门正规彩票网站| www.621929.com-网上有个彩票十选5| www.1149.vip-重庆时时彩预测软件| www.976149.com-郑州娶媳妇多少彩礼| www.3520.biz-快三助赢软件官网| www.811586.com-乐优彩票官网下载| www.974484.com-昨日福彩开奖| www.10947.com-澳客彩票官网| www.050453.com-有没有黑彩链接| www.464699.com-查福彩试机号码| www.552567.cc-安徽快三和值计划| www.93555.com-玩彩怎样玩才赢回本| www.952972.com-足彩滚球大小球规则| www.71588.com-彩票刷子靠谱吗| www.04om.com-彩铅画简单教程大全| www.096206.com-四川体彩中心主任| www.285695.com-大发快三开挂软件| www.82xs.cc-竞速娱乐vr十分彩| www.973042.com-彩虹世界最新版下载| www.68688.cc-p3是机彩宝网| www.1275.cn-快三路线北京| www.81714.com-工人买彩票一夜暴富| www.220992.com-休彩票开奖号吗| www.487500.com-彩票游戏代打| www.54qe.com-福利彩票150期| www.217200.com-福建体育彩票31选| www.za44.com-福彩快乐10分预测| www.022065.com-超神江苏快三| www.501792.com-大丰彩票网靠谱吗| www.8616.in-外围足彩开奖查询| www.567573.com-彩票驿站官网下载| www.937302.com-福、彩开奖-| www.1719.cn-试刮30彩票-| www.68599.com-卖什么彩票中奖率高| www.270001.com-567彩票网-| www.761559.com-福彩快3截止时间| www.mi2.com-苏州快三推荐号码| www.y35.vip-快乐彩中奖查询| www.7215.cn-下载35彩票-| www.693791.com-福建福彩快讯报| www.658.date-天下彩網址-| www.026504.com-电竞博彩下载| www.516702.com-中彩双色球开奖视频| 亿彩堂www.951816.com| www.131647.com-最近河南彩票中奖|