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.35974.com-福彩340期-| www.46009.com-内蒙古彩票时时彩| www.081557.com-华彩快三-| www.bq36.com-彩票816平台| www.817173.com-杭州快三查询| www.899699.cc-彩83是正规平台吗| www.974125.com-江苏盐城彩票大奖| www.cp2787.com-福彩五分快三兼职| www.809.vip-彩票刮刮乐软件| www.188759.com-快三开中两个有钱吗| www.902693.com-怎么玩大发快三赚钱| www.750692.com-七星彩今晚开什码| www.869847.com-彩票开奖做假视频| www.971973.com-创彩是干嘛的| www.041390.com-彩票超级稳计划| www.192562.com-推荐几个彩票app| www.334728.com-福利彩票3d预测| www.479105.com-扬州公道体彩中奖| www.637390.com-彩虹7无人机视频| www.123120.com-酷彩假货太多了| www.803967.com-哪个网站买体彩| www.ah39.com-七星彩下期最准预测| www.05sa.com-福利彩票33期色| www.617383.com-长春彩票出兑合作| www.cai0789.com北京快三遗漏| www.319965.com-新派彩-| www.436958.com-今天福彩出的是什么| www.41514.com-app好彩票-| www.92063.com-顺丰彩票可以相信吗| www.075491.com-7彩乐-| www.580185.com-七彩乐今天开奖| www.664891.com-中国福利彩票售价| www.748817.com-977彩票靠谱吗| www.819713.com-刮彩票中奖的小技巧| www.887036.com-360彩票是否合法| www.977818.com-25彩票是什么意思| www.co23.com-福彩玩彩老头网站| www.107811.com-福彩端下载-| www.191390.com-彩票预测软件下载| www.30780.com-九鼎彩票-| www.320725.com-中彩乐网站-| www.721736.com-足球彩票预测论坛| www.813733.com-彩票开奖直播软件| www.884111.cc-c555彩票-| www.957015.com-京彩京彩挂机软件| 大赢家彩票平台www.609810.com| www.780574.com-赢彩彩票与你同在行| www.871096.com-七星彩排列走势图| www.968598.com-kji彩金骗局| 网易彩票www.560726.com| www.054700.com-体彩出租或转让| www.4548.cc-凤凰彩票f83代理| www.06683.com-港彩神码三中三| www.597369.com-壹号平台彩票官网| www.746766.com-北京5分彩app| www.874174.com-湖北体彩兑奖规则| www.946034.com-9号彩票官网| www.991030.com-126网络彩票| www.bo28.com-彩票996-| www.tl98.com-排列三玩彩老头| www.762713.com-彩票行业资讯| www.752956.com-私彩老板-| www.440019.com-体育彩票贵州工资| www.663459.com-排列五走势彩宝网| www.634689.com-七彩建盏有毒吗| www.760278.com-时时彩开奖时间更改| www.875070.com-江苏快三彩票骗局| www.987160.com-快三组合走势| www.dg62.com-彩票多少钱-| www.0yj.com-体彩账号被限制| www.59805.com-彩吧3d试机号查询| www.19456.cc-发彩在线下载| www.168862.com-快三可以玩吗| www.303042.com-七星彩2255期| www.464482.com-彩票投注网站哪家好| www.2272.top-体彩双色球规则| www.012653.com-今曰开什么七星彩| www.473609.com-彩票开奖结果p62| www.640802.com-彩票创意图-| www.383.org-中彩8069网-| www.103378.com-爱波网竞彩比分直播| www.524380.com-彩票能用凯利公式吗| www.659717.com-中国福利彩票说明| www.761274.com-手机上买彩票那里买| www.855381.com-技术彩民的彩票专栏| www.925776.com-香港资料彩富大全网| www.987117.com-立彩助手苹果版下载| www.jq9.com-河南快三技巧| www.675566.com-意彩怎么注册| www.990696.com-竞彩看盘网站| www.dr5.cc-吉首商业城快三秒| www.of37.com-下载腾讯快三| www.lv95.com-时时彩平台注册| www.581882.com-999彩票网可靠吗| www.190531.com-河北快三跨度和值图| www.032028.com-推广彩票犯法吗| www.110854.com-春节后彩票开奖日期| www.fd8.cc-老时时彩十位走势图| www.620520.com-亚太彩票协会| www.993806.com-胜负彩中3个| www.pr1.com-大发快三中奖技巧| www.uj52.com-七星彩规律口诀| www.23we.com-彩客彩票客户端下载| www.002280.com-七乐彩复式对照表| www.58617.com-福彩3d旺彩软件| www.209398.com-app人人中彩票| www.319028.com-福彩跑马幸运彩图片| www.399956.com-青蛙彩47期特马图| www.7744.biz-皇室彩票是真的吗| www.344700.cc-快三下期-| www.813834.com-福彩已亥猪一等奖| www.902372.com-体彩自助彩票机| www.975881.com-上蔡县彩礼-| 500彩票www.904861.com| www.ft19.com-公益福彩快三合法吗| www.8045.cc-水彩画图片简单好看| www.39585.cc-九歌彩票吞奖| www.83167.com-竞彩让球欧赔分析| www.139762.com-时时彩万位必中规律| www.247727.com-七天彩骗局-| www.333764.com-大乐透彩票开奖结果| www.431599.com-周3什么彩票开奖| www.550450.com-彩发彩票-| www.da05.com-老版人人红彩票| www.vk88.com-吉林快三摇奖系统| www.17219.cc-球探彩票提现黑吗| www.cp5582.com-快三和值三角图| www.480138.com-澳洲彩票开奖| www.558410.com-福乐彩玩这个安全吗| www.628527.com-彩票预测频道| www.697139.com-彩01彩票官网| www.770461.com-黑彩做庄能赚钱吗| www.894763.com-经彩网彩票走势图| www.968110.com-体彩投注方法| www.dg8.cc-分分快三开奖直播| www.5380.in-彩票777网址| www.05383.com-开心彩红app下载| www.43537.com-重庆时时彩票群| www.82694.com-足彩19026推荐| www.024989.com-福利彩票几位数选| www.35sa.com-福利彩票摇号模拟器| www.134850.com-江苏体彩大乐透结果| www.84rg.com-银川仟彩摸吧微信群| www.2000.biz-49彩票查看结果| www.3974.biz-澳门有福利彩票吗| www.543858.com-彩吧谜图第一版| www.137890.com-六福彩怎么玩| www.119834.com-极速快三辅助器| www.108492.com-网络彩票输钱怎么办| www.838605.com-足彩无风险对冲套利| www.914925.com-天天中彩票维护| www.964856.com-彩票数学模型| 500万彩票www.96386q.com| www.0075.cm-买彩票有几种方式| www.157908.com-新时代竞彩足球推荐| www.026706.com-13彩靠谱吗-| www.144459.com-足彩app我要推荐| www.263748.com-福利彩票任选3技巧| www.368283.com-浙江体彩超级大乐透| www.331378.com-彩神ix赚钱技巧| www.397741.com-七星彩2281期测| www.501195.com-韩国快三计划图| www.557459.com-简单水彩画星空入门| www.625092.com-七乐彩中了3个号|