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.85516.cc-爱博网络彩票| www.160850.com-北京pk拾正规彩票| www.882351.com-078彩票登录| 易彩网www.335015.com| www.33571.cc-环球彩妆学校| www.381653.com-三亚私彩-| www.70232.com-精彩大片-| www.494888.com-德州彩票站转让信息| www.645572.com-竞彩总进球的心得| www.870477.com-必发彩票开奖网站| www.964111.com-快三必中方法| www.ba60.com-安徽快三走势表| www.40ku.com-看看福彩3d专业版| www.45023.com-中彩网专家预测汇总| www.5188.la-福彩任选期开奖| www.000038.cc-e游彩票-| www.138264.com-彩票选号技巧方法| www.299971.com-高频时时彩-| www.3701.vip-福利彩票7注彩| www.040907.com-派彩网11选5| www.136913.com-武汉体彩店转让| www.227449.com-时时彩最准平投方法| www.2yr.com-黑彩票平台出黑| 500彩票www.299850.com| www.506287.com-吉林快三历史走势| www.664645.com-彩铅樱桃画入门教程| www.820021.com-周三开什么彩票| www.756372.com-彩富团团队网页计划| www.907030.com-福利彩票中了六位数| www.gi45.com-彩八彩票168| www.ht17.com-足彩北单在哪买| www.e81.top-竞猜足彩360| www.62dp.com-彩票串码-| www.01nc.com-mv羽泉彩虹吉他谱| www.510644.com-自然彩虹风景图片| www.681015.com-辽宁福利彩票中心| www.788563.com-福彩今天试机号| www.870617.com-华宇腾讯分分彩| www.966021.com-福彩快3组合遗漏| www.845423.com-支付宝彩票智慧管家| www.956075.com-天娱彩票是真的假的| 500彩票www.338073.com| www.557664.com-福利彩票等级| www.630658.com-常跟版彩报图今天| www.728933.com-福彩3d双采图谜| www.318017.com-大发快三走势规律图| www.143643.com-天天好彩下载| www.237349.com-6+1彩票-| www.81855.com-彩票命啊-| www.4766.net-南宁市福利彩票网点| www.49899.cc-看彩神客专家专栏| www.m49.cn-鸿运彩票网是否合法| www.767029.com-中国福彩12选5| www.890935.com-体彩中奖怎么领取| www.961007.com-福彩三d双期走势图| 500彩票www.375477.com| www.777490.cc-彩八仙手机版登录| www.860976.com-好彩1今晚开什么| www.934868.com-快彩11选五浙江| www.995248.com-五分彩五星定位胆| www.lv99.com-好彩极速快三| www.339155.com-时彩族网址-| www.9438.com-经典说彩专家专栏| www.1173.pw-彩票店开张如何促销| www.cp6868.com-安装安徽快三彩票网| www.32fk.com-2mcc彩票-| www.23wp.cc-6698彩票的套路| www.8056.vip-创意水彩展-| www.94531.com-买彩票到底会中奖吗| www.cj24.com-最大可靠的彩票平台| www.71iu.com-彩票巴巴靠谱吗| www.6584.xyz-662彩票-| www.37892.cc-欢喜国际彩票| www.888532.com-108彩票下载| 大玩家彩票www.546669.com| www.377924.com-彩票系统出租贴吧| www.169748.com-内蒙快三开-| www.258810.com-中国体育足彩竞彩| www.2277.me-黑彩平台跑路的征兆| www.02jo.com-新浪微博世界杯彩票| www.763881.com-掌信彩下载安装| www.860289.com-河内5分彩-| www.954970.com-竞彩销量下滑原因| www.vi8.cc-新加坡南洋彩开奖记| www.633280.com-最新竞彩258球迷| www.133002.com-足彩官方网站| www.459669.com-足彩亚盘基础知识| www.579160.com-体彩大乐透最大奖金| www.020459.com-35彩票-| www.me24.com-好彩店官网下载| www.63zq.com-自动彩票机怎么兑奖| www.6577.com-彩民彩票百度百科| www.cp3773.com-幸运快三合法吗| www.cai7655.com大发uu快三计划| www.144698.com-福彩3村黄金杀码| www.9065.biz-黄岛区体彩管理中心| www.581740.com-彩票签到送现金| www.80314.com-快三群犯法吗| www.973242.com-彩虹快刷-| www.bb65.com-快三高手打法| www.039962.com-大中华彩票客服| www.251982.com-搜狗彩票正规吗| www.11co.com-彩铅画花卉教程图解| www.372395.com-天天中彩票8月停售| www.545524.com-福利彩票都有什么| www.5679.in-大奖快三判断大小| www.58580.com-高频彩高手打法| www.869723.com-快乐彩票用户登录| www.970104.com-购彩网是什么平台| www.988434.com-保定体彩电话400| www.on6.cc-买江苏快三的技巧| www.154128.com-彩票号码选一个数字| www.88755.cc-新乐彩网站-| www.069767.com-龙虎和彩票软件| www.030298.com-90九龙彩票-| www.838567.com-上期七星彩中奖号| www.925713.com-福利彩票一般买哪种| www.a02.cn-上海快三预测大小| www.34ki.com-七星彩每周几次开奖| www.480679.com-百度福利彩票| www.576927.com-好彩投彩票网址| www.3373.me-类似足彩加软件| www.572108.com-国模雨晴拍的彩票| www.2gb.cc-买彩票的人都输钱| www.301252.com-亿彩彩票app下载| www.932408.com-时时彩必出规律| www.977166.com-河南濮阳彩礼多少钱| www.zl0.com-福彩五等奖多少钱| www.tk24.com-体彩试机号千禧| www.14ec.com-福彩直播秀-| www.879.cc-玩网络时时彩违法吗| www.5176.biz-风云再起彩票| www.559358.com-甘肃陇彩宝-| www.ra24.com-智胜彩票-| www.7pn.com-甘肃快三两天未出号| www.163850.com-忘想买彩票翻身| www.261699.com-足彩胜平负数据| 快彩www.81678l.com| www.jm09.com-大发时时彩qq群| www.145154.com-河南快三走势图一定| www.270097.com-132彩票官方网站| www.984189.com-福彩3d凤彩网| www.pm19.com-广西快三一定牛走势| www.18ci.com-pc蛋蛋彩票网| www.2529.xyz-登录51彩虹号| www.9362.loan-彩票这么假还有人买| www.404109.com-胆拖投注七星彩| www.712131.com-唯彩看球预测| www.v78.club-体彩五字术语| www.299104.com-大发时时彩网页计划| www.66ir.com-极速彩票游戏| www.cp5538.com-中国体育彩票快3| www.vs47.com-惠民彩票的套路| www.10kv.com-x23彩膜-| www.208827.com-福彩十分快三| www.282675.com-大发快三最佳公式| 彩吧www.979816.com| www.56333.cc-29日吉林快三分析| www.517200.com-体彩晚上几点停售| www.2899.pw-优彩彩票怎么样| www.353308.com-爱乐透彩票门户网站| www.444288.com-极速快三玩法窍门| www.lq60.com-彩票新闻-| www.157075.com-足彩一直买平局|