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.949047.com-带人玩彩票骗局| www.cp7277.com-吉林省快三赌博案例| www.sd24.com-吉林快三坑爹| www.28jh.com-意彩平台app| www.844.in-时时彩个位选号技巧| www.5428.org-吉祥彩票平台真的吗| www.13313.cc-足彩6场3关-| www.59833.cc-31体彩走势图| www.047074.com-288cc彩票-| www.131704.com-彩礼证据不足| www.211122.com-五分彩违法吗| www.288986.com-彩神苹果版下载网址| www.396747.com-手机号组成彩票| www.521855.com-和彩印怎么设置图片| www.595625.com-鑫彩网站安全吗| www.670471.com-迷彩色-| www.739340.com-彩票匕星彩开奖号码| www.807107.com-体彩纸-| www.882888.cc-彩票中奖诈骗| www.05tq.com-彩铅画郑爽嘴巴教程| www.77ti.com-彩票网站怎么盈利| www.1716.wang-内蒙行快三形态| www.8934.shop-中国福利彩票93期| www.46288.cc-福人彩票官方注册| www.93953.cc-快三怎么查-| www.057823.com-唯彩会彩票-| www.158440.com-体彩店有北单买吗| www.252258.com-旺彩双色球官网下载| www.326344.com-体彩排三的试机号| www.397124.com-福利彩票会取消么| www.539416.com-福利彩票前景如何| www.625036.com-苏宁易购彩票app| www.698085.com-今日福彩报纸| www.777095.com-彩77苹果怎么下载| www.881594.com-聊天交友骗女孩博彩| www.955384.com-3d彩票破解-| 梦想彩票www.33112g.com| www.fd59.com-彩票挂机方案论坛| www.xa32.com-湖北福彩中心| www.14ky.com-福彩3d36期-| www.545.me-理性玩高频彩| www.4286.vip-好彩堂玄机-| www.9501.cc-二手彩钢压瓦机价格| www.60195.com-天津福彩2d玩法| www.019770.com-彩票加盟电话多少| www.090599.com-凤凰彩票网-| www.154051.com-快三开奖走势图图片| www.258970.com-竞彩比分直播老版本| www.331578.com-乐彩大发快3| www.398392.com-河南省体育彩票竞彩| www.539114.com-彩票追杀糸统| www.619806.com-足彩推荐佬牛| www.690053.com-333彩票网登录| www.766364.com-重庆时时彩无法提现| www.870550.com-盛大彩票能信吗| www.941468.com-网络彩票怎么找顾客| www.993318.com-神彩飞扬500| www.dq.cc-彩68app下载| www.mr08.com-七星彩玩法规则| www.0bc.com-破解足彩漏洞| www.51lf.com-巨彩平台app| www.672.in-lol博彩app-| www.4294.top-彩票被冒领-| www.9344.cn-球彩台節目表| www.69572.com-九九购十分彩| www.026313.com-彩票选号器大乐透| www.100119.com-大彩网双色球走势图| www.161584.com-新加坡快三查询| www.261640.cc-篮球体彩-| www.343008.com-福彩快三顺子翻倍吗| www.416320.com-网友叫我买彩票| www.515935.com-足彩销售提成| www.580960.com-哪家彩票接口快| www.652056.com-福彩开奖时间3d| www.772799.com-时时彩大小赢钱方法| www.856004.com-新西兰快三玩法说明| www.916087.com-重庆时时彩注册网址| www.972554.com-星空彩铅画-| www.tq28.com-福利彩票站赚钱吗| www.00lr.com-聚猫网彩票-| www.65oo.com-大连彩票站电话| www.0245.net-众乐彩票是真是假| www.7769.live-山东七乐彩中奖规则| www.31169.com-新疆福彩首页| www.71165.cc-贵州快三彩票| www.043266.com-时时彩基本知识| www.122721.com-宝马彩票计划网| www.188807.com-内苎快三-| www.254019.com-今期七星彩加急版| www.324140.com-聚鑫乐彩靠谱吗| www.386176.com-南充市福彩中心电话| www.541618.com-竞彩赛果查询| www.617585.com-怀化体彩中心位置| www.680852.com-掌优彩票投注记录| www.751915.com-彩票坊注册邀请码| www.851036.com-竟彩网页-| www.907234.com-中国福彩快乐十分钟| www.965708.com-江苏快三的中奖方法| 易彩网www.99638f.com| www.eo02.com-彩票交流吧-| www.tr00.com-福建体彩31开奖号| www.92.gg-网上彩票平台输了钱| www.61hr.com-意彩软件下载| www.903.tv-安卓版彩票33下载| www.4423.xyz-久彩彩票官网| www.9127.biz-彩虹岛app-| www.77432.com-好彩客彩票下载| www.022354.com-恒彩88注册-| www.085216.com-红旗彩票平台| www.137410.com-腾讯分分彩最新漏洞| www.203999.com-六台彩迷宫1| www.265816.com-银川福利彩票| www.388631.com-网络彩票牌照公司| www.502368.com-kk彩票登录-| www.563761.com-彩108彩票-| www.622381.com-逆袭腾讯分分彩计划| www.682251.com-竞彩高手微信群| www.751012.com-网赌高频彩作弊| www.808447.com-体彩排列三走试机号| www.873742.com-下载极速彩38| 彩82www.c6883.com| www.uc4.com-彩票预测最准十专家| www.nn99.cc-彩票选号大师| www.3am.com-网络彩票平台贴吧| www.903665.com-500购彩网-| www.976737.com-福利彩票开奖结果福| www.rm87.com-基诺型彩票玩法规则| www.14wr.com-彩吧图谜第三版图库| www.312.mobi-足彩内部人员骗局| www.3512.biz-福彩七乐彩杀号公式| www.8246.net-体彩软件下载| www.22308.com-单关足球竞彩推荐| www.57572.cc-皇冠彩票有人用么| www.033480.com-福建快三现场开奖| www.111377.com-大发快三定一码| www.168396.com-湖北快三跨度走势图| www.251917.com-558彩票-| www.311202.com-彩票加入会员| www.369830.com-彩票封机-| www.444359.com-彩31平台怎么样| www.522111.cc-彩票贩卖机如何兑奖| www.590628.com-福彩3d高级走势图| www.654424.com-梦想彩票站彩种| www.835630.com-顺丰丰彩-| www.890337.com-彩票破解器软件下载| www.949383.com-百盈快三网址| www.988581.com-竞彩三个月挣一千万| www.cai18.cc-快三开奖-| www.gf02.com-网络彩票骗局全过程| www.ua10.com-下载全民彩票软件| www.3cn.com-天天彩票黑平台| www.43fu.com-365体育彩票首页| www.021.blue-彩神拿霸ll-| www.2626.com-彩票大乐透预测推荐| www.7144.com-顾乡凯德七彩影城| www.12161.com-福彩规律最准| www.44741.com-福建体彩兑奖在哪里| www.84997.com-彩圣字谜总汇330| www.025533.com-2元彩票网专家杀号| www.088237.com-足球预测彩票| www.137425.com-竞彩推荐唯彩看球| www.197190.com-南洋彩上期开奖结果| www.254698.com-福彩3d图谜第三版| www.311999.cc-体彩大乐透网上购买|