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.126.hk-呼市体彩-| www.27167.cc-二元彩票游戏是| www.79155.cc-ns彩贴-| www.036575.com-k彩娱乐登录| www.992906.com-买彩票赚钱可靠吗| www.bq27.com-有合法的彩票网站吗| www.n50.win-彩友网官网-| www.861107.com-体育彩票三等奖奖金| www.967581.com-体彩大乐透咋选号| www.xx1.com-七乐彩大发快三网址| www.g50.cc-福彩3d软件哪个好| www.48da.com-中国福利彩票内部| www.3484.net-彩票改单合作| www.ae21.com-河南福彩微官网首页| www.296328.com-通化快三开奖结果| www.rf63.com-极速时时彩开奖查询| www.95jy.com-福彩4加1奖金多少| www.5436.xyz-足彩竞彩赛果查询| www.15330.com-k彩是骗局揭秘| www.73782.cc-体彩排列三杀号三哥| www.032962.com-派彩电子走势图破解| www.155875.com-201930期彩票| www.332763.com-如何看彩票-| www.608979.com-体彩开奖结果七星彩| www.714106.com-分分彩作弊软件| www.f71.club-马来西亚网上博彩| www.382598.com-网上购彩的可靠软件| www.97nz.com-正宗港彩王-| www.4421.cn-彩票平台代打流水| www.358314.com-福利彩票机选概率高| www.483900.com-花生彩票是真的吗| www.576668.com-乐米彩票与人人猜球| www.258804.com-竞彩分析推荐唯彩网| www.856098.com-时时彩福少做号教程| www.933306.com-福彩快三发行的省份| www.992187.com-竞彩篮球直播| www.9453.org-七星彩中了6位| www.009413.com-178彩票-| www.708277.com-彩票争霸ll平台| www.790820.com-买彩票选号技巧| www.870620.com-全民彩票改成什么了| www.966231.com-亿彩网靠谱吗| 财神网Ⅱwww.960777a.com| www.209099.com-81彩票-| www.315666.com-网上重庆彩是骗局么| www.389593.com-彩票开奖结果33期| www.500677.cc-公司年会红包发彩票| www.570026.com-拉人玩网络彩票| www.647331.com-好运福彩apk| www.33rd.com-福彩网手机客户端| www.0224.com-淼鑫彩票网-| www.6791.biz-足彩一彩票-| www.998687.com-香港三色和彩开奖| www.337173.com-福建快三未出号| www.10135.com-新浪彩票网官网3d| www.61379.cc-叫停网络售彩| www.012587.com-七星彩开奖几点时间| www.087201.com-彩票手机投注软件| www.174244.com-可以玩快三的app| www.886097.com-时时彩缩水ios| www.cp472.com-玩大发快三有赢的吗| www.km40.com-中国足彩网德甲| www.v58.top-世界杯预选赛足彩| www.53gu.com-2628彩票登录| www.653.mobi-速8彩票平台怎么样| www.4667.biz-彩客网手机客户端| www.01453.com-凤凰时时彩注册平台| www.568888.com-彩票大彩嬴家网| www.670128.com-五位数彩票-| www.750339.com-中彩票a-| www.4180.xyz-体彩七位数随机中奖| www.79327.com-特彩666-| www.110761.com-皇都彩票安卓版下载| www.089988.com-中福快彩影视| www.180488.com-一分快三骗局| www.288192.com-海南私彩app| www.365959.cc-彩29登录-| www.456287.com-巴厘岛国际彩票| www.529769.com-直播买彩票犯法吗| www.633077.com-网上怎么买篮球彩票| www.127311.com-7k7k彩票-| www.207726.com-11选5购彩大厅| www.022034.com-与彩票有关的故事| www.640134.com-爱投彩票公司在哪| www.821474.com-体彩今日舟东全图| www.895140.com-乐彩网三地走势图| www.984691.com-彩运8官方购彩平台| www.ca40.com-燕赵风彩排列5| www.7532.cn-竞彩申请名额| www.wa87.com-快三分布图片| www.30fj.com-儿童简单彩铅画| www.843.cn-澳洲3分彩开奖| www.6101.vip-骨瓷釉上彩有毒吗| www.23918.com-彩票代表什么生肖| www.62442.com-彩票中奖指南霍华德| www.003427.com-顺盈彩票合法吗| www.067308.com-时时彩可靠网站| www.126641.com-体彩22选五走势图| www.205506.com-淘宝彩票下载| www.091279.com-大联盟彩票是真的吗| www.282819.com-双色球彩票万能公式| www.379112.com-体彩图谜第四版| www.500927.com-彩票欠钱不给| www.583632.com-彩乐园手机版下载| www.659245.com-彩票7星彩开奖玩法| www.714331.com-彩票端口-| www.770943.com-天津彩民之家靠谱吗| www.832293.com-七彩影视-| www.882420.com-易彩堂平台是真的吗| 500彩票网www.97655d.com| www.ca51.com-甘肃快三遗漏统计| www.tf53.com-体育彩票店过户条件| www.8aq.com-体彩14场胜负奖金| www.879488.com-多乐彩票网站骗局| www.978651.com-福利彩票摇奖机假的| www.br06.com-至尊彩下载-| www.94943.com-彩票主任判死刑| www.127464.com-彩票官方软件是什么| www.29183.cc-手机好买彩票吗| www.383504.com-彩票平台数据接口| www.444617.com-体彩5p走势图| www.563488.cc-搜狗彩票走势彩经网| www.670707.com-安徽竞彩专家推荐| www.482.me-牧野田彩17部合集| www.56757.com-时时彩千万别翻倍| www.023752.com-时时彩专家网站| www.127402.com-足球胜平负彩客网| www.217975.com-彩票今天开奖吗| www.618329.com-哪里招彩票分析师| www.741342.com-幸运彩是不是黑平台| www.3337.pw-足彩分析ios| www.8210.cn-北京彩票中心| www.29076.com-大家乐彩票彩种| www.66644.com-体彩即开种类| www.003456.cc-恒丰国际博彩| www.023009.com-乐彩网彩网-| www.417800.com-盛大彩票网站| www.579958.com-七星彩明月珰txt| www.853713.com-头条网上的彩票| www.908252.com-深圳七星彩去哪领奖| www.982615.com-盈彩集团-| www.cp7751.com-福利彩票开奖| www.qs09.com-彩票中心工作如何| www.31yr.com-彩虹宝宝在线听| www.825.cc-时时彩振幅的口诀| www.4749.com-旺彩票-| www.9515.cc-新浪彩票之今日运势| www.44828.com-百信彩票网站| www.88608.com-588彩票-| www.868286.com-点击彩骗局-| www.984864.com-彩票网站如何风控| www.28598.com-彩票和股票哪个好| www.63599.cc-中国竞彩专家推荐| www.231028.com-152.cc彩票-| www.48554.com-怎么下载竞彩258| www.096868.com-多彩网彩票网d55| www.178738.com-安徽省快三开奖结果| www.254791.com-时时彩组六全包倍投| www.373226.com-乐彩网175-| www.736827.com-鸿运时时彩走势图| www.796766.com-9场胜负彩销量查询| www.857150.com-完美国际博彩| www.903372.com-万豪彩票ios| www.956069.com-世界杯足彩网易竞猜|