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天

知道了
5分快3 www.100026.com-百宝彩青海快3| www.3yy.com-都有哪些人中了彩票| www.1027.me-万彩吧首奖玄机图1| www.654020.com-基诺彩的诀u8d| www.738259.com-数字型彩票的玩法| www.817090.com-福利彩票世界杯玩法| www.891766.com-e家彩票计划官方| www.960000.com-彩票朝圣软件| 500彩票www.66653e.com| www.144676.com-唯彩看球app| www.326959.com-彩票走势图大全软件| www.501526.com-85255彩图库| www.664244.com-头彩网是真的吗| www.751631.com-掌优彩票真的吗| www.868265.com-南国七星彩论坛规律| www.969431.com-福彩快一定牛走势图| 旺旺彩票www.938849.com| www.ms72.com-我要中彩-| www.00gn.cc-百乐彩今晚开奖结果| www.ky2.com-江苏快三遗漏一定牛| www.112679.com-分分彩辅助预测软件| www.210168.com-玩一分快三违法吗| www.287599.com-网上刷彩票-| www.357696.com-如何陪老公戒掉彩票| www.434384.com-中国移动代购彩票| www.561809.com-彩工网快3遗漏推荐| www.822442.com-爱博彩票苹果app| www.954531.com-信誉彩票1966| www.287528.com-买彩票软件哪个好| www.383082.com-公益体彩走进茶陵| www.509710.com-体彩多久后不能兑奖| www.590566.com-东莞体彩销售提成| www.691503.com-新浪彩票专家预测| www.806771.com-竞彩蓝球投注计划| www.96pe.com-彩排是什么意思啊| www.15398.cc-分分时时彩预测| www.062537.com-黑彩是诈骗么| www.221648.com-彩票开挂平台| www.359695.com-手彩葡萄酒-| www.584542.com-怎样做彩视-| www.769061.com-今天东盛彩报4| www.960023.com-网络彩票属于诈骗吗| www.zb19.com-33彩票_33cc| www.728.com-竞彩足球怎么提现| www.9417.xyz-今天的福彩图纸| www.017942.com-彩票网站刷首充| www.221222.cc-中国福利彩票网官网| www.365696.cc-今天体彩p3中奖号| www.555178.com-汇辰彩票下载| www.736756.com-乐彩网双色球静态| www.842189.com-体彩为什么没有中超| 500万彩票www.500cd.com| www.30hw.com-新浪爱彩下载苹果版| www.2612.cc-彩票大乐透推算方法| www.46474.com-怎么下载时时彩宝典| www.189144.com-内蒙快三投注| www.356648.com-宁波体彩中奖| www.576392.com-玩彩天地专家专栏| www.855009.com-鑫开门彩开奖大厅| www.24fa.com-福彩时时彩-| www.667391.com-新加坡49彩票开奖| www.529310.com-排列三家彩网| www.768441.com-一分快三最高倍率| www.949751.com-中国放弃互联网彩票| www.rn57.com-腾讯qq彩票app| www.930.cm-博友彩票客服电话| www.326.red-中发彩票怎么邀请码| www.00fj.com-描写彩虹颜色的诗句| www.35498.com-57彩票官方网站| www.019696.com-网上合法彩票软件| www.215227.com-易彩用户登录| www.438607.com-遵义彩票店-| www.608321.com-韩国快三官方网站| www.062242.com-广西福彩网官方网站| www.085666.com-网上买彩票买最正规| www.7066.tv-555彩票软件下载| www.77390.com-好彩客网址是多少| www.187109.com-广西十分彩开奖直播| www.302991.com-博彩展-| www.653102.com-玖富彩票平台安全吗| www.xv95.com-pk10彩票贴吧| www.93vu.com-老公买彩票上瘾离婚| www.39718.com-599彩票诈骗| www.388915.com-体彩开奖公告历史表| www.dt71.com-凤凰彩票导师微信| www.dq02.com-彩票网三地预测| www.39ix.com-七星彩九口诀| www.35915.com-万博彩票是骗局吗| www.qr29.com-体育彩票的理念| www.811139.com-福彩3b太湖字谜| www.956935.com-彩票赌博害死多少人| www.128417.com-模拟彩票投注技巧| www.308679.com-大乐购彩票开奖号码| www.883716.com-彩票送彩金排行榜| 918彩票网www.918jo.com| www.20362.com-一分钟一期快三平台| www.33xb.cc-七星彩哪天开| www.429948.com-重庆渝彩快乐十分钟| www.964749.com-浙江体彩6十1查询| www.en84.com-重庆快三彩票| www.873137.com-欠债突然中彩票| www.866113.com-杭州市福彩兑奖地址| www.914759.com-网络黑彩报警| www.ny96.com-盛世彩票登录| www.635785.com-彩虹6号墨冰概率| www.36432.com-搜狐数字彩票网| www.932512.com-足球购彩软件| www.8891.cm-足彩最多可以穿几场| www.616077.com-825彩票下载安装| www.826761.com-98彩票网是真的吗| www.872391.com-福彩注册邀请码| www.890991.com-快三豹子多少倍| www.941112.com-福利彩票代理商| www.91549.com-手机炫彩版-| www.961864.com-双色球彩经网预测| www.268369.com-中国彩吧首页牛彩| www.653723.com-澳门官方三合彩| www.680733.com-佛说彩票-| www.sy62.com-手机彩票平台哪个好| www.5wx.com-大富双彩票源码| www.80bc.com-博恩说彩-| www.354535.com-爱尚彩票-| www.754765.com-送彩金体验金| www.826353.com-悠悠彩票客户端下载| www.969667.com-体彩三五d-| www.479.biz-福利彩票刮刮乐玩法| www.71018.com-今天福彩票开奖| www.314669.com-玩时时彩的心态调整| www.9707.cm-亚博彩票在哪里下载| www.5312.org-福州市体彩店| www.342.xyz-128彩下载app| www.51320.com-福彩购彩软件可靠吗| www.180104.com-怎么下载易彩集团| www.438634.com-易彩民彩福地注册| www.cp2288.com-uu直播彩票规律| www.cn41.com-天天彩选4开奖| www.7929.biz-京彩集团真的假的| www.529769.com-直播买彩票犯法吗| www.728569.com-福彩3d天吉手机版| www.968504.com-福彩双色球作弊| www.ax08.com-内蒙古快三开奖软件| www.oc3.cc-江苏快三今天推荐| www.033651.com-彩店宝安卓-| www.337903.com-今天3d福彩试机号| www.05jr.com-自学彩铅难不| www.751623.com-掌优彩票官网| www.29692.cc-9999娱乐彩票| www.631896.com-七彩云南官网| 99彩票www.66870.cc| www.yh75.cc-体彩直势走势图| www.zd99.com-福彩天地报纸谜语| www.cp2110.com-分分时时彩出号规律| www.787202.com-彩票书籍彩民商城| www.019557.com-腾讯彩票幸运28| www.ww72.com-南方双彩旧版| www.482061.com-vb彩票程序设计| www.095297.com-湖南彩票中奖新闻| www.025964.com-快三周易魔图| www.34034.com-上海彩票兑奖中心| www.988324.com-3d购彩小贴士预测| www.580905.com-57彩票平台app| www.61676.cc-迷彩虎app军游| www.365400.cc-体育彩票有买篮球吗| www.948782.com-万彩吧专家-|