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天

知道了
百盈PK10 www.894832.com-澳门快三开奖号码| www.559450.com-福彩7位数中奖规则| www.103667.com-体育彩票怎么买的| www.393897.com-时时彩输钱了怎么办| www.923213.com-彩票站几点下班| www.uj92.com-大发快三提现不到账| www.667159.com-七乐彩一等奖是多少| www.83oz.com-大师彩票安装| www.127964.com-羽泉彩虹原版| www.276897.com-乐和彩开奖结果公告| www.401440.com-福彩三地试机号口诀| www.52763.cc-七彩山鸡图片| www.725811.com-期期中彩票下载安装| www.840911.com-彩妆品牌加盟代理| www.926995.com-49彩票手机版下载| GO彩www.gocp0.com| www.759862.com-中奖彩票店有提成吗| www.856917.com-大富豪彩票平台| www.929032.com-旺旺彩票能玩吗| www.986149.com-杨震足彩推荐更新| www.bg79.com-福彩3地走势图| www.vn65.com-快三平台骗人| www.279453.com-胜负彩500万| www.770732.com-龙虎和彩票下载| www.159071.com-每次都机选一注彩票| www.103749.com-好彩1生肖怎么玩| www.191429.com-鸿彩快三彩票下载| www.286683.com-百宝彩票下载安装| www.409711.com-够力七星彩安卓下载| www.545959.com-彩票站室内装修图| www.624624.com-精彩应用-| www.111286.com-盈盈彩票手机版| www.024696.com-竞彩什么叫双平| www.339265.com-九五彩票是真的吗| www.011314.com-500彩票注册| www.099865.com-最新九州彩票网址| www.175839.com-快三跨度表-| www.254918.com-中国竞彩足球app| www.331744.com-注册送免费礼金彩票| www.412708.com-体彩竞彩足球单场| www.166314.com-快三开奖结果走势图| www.261185.com-乐福网彩票时时彩| www.337381.com-七彩星奖开奖结果| www.fx70.com-厦门彩票托-| www.277216.com-三分钟一开的彩票| www.31193.cc-第一彩cc-| www.836775.com-福彩双色球22选5| www.949214.com-3d彩票太湖图迷| 九五彩票www.95666w.com| www.089380.com-七乐彩定位走势图| www.686995.com-高频彩长龙提醒| www.353761.com-买彩票有破产的吗| www.509235.com-机选七星彩中奖故事| www.636226.com-彩票的种类和价格表| www.3281.top-买彩票输了几万| www.588454.com-七星彩论坛特区海南| www.689812.com-微彩娱乐网址| www.778940.com-二四六报彩网| www.847121.com-体彩大乐透八等奖| www.905373.com-91彩票倒闭了吗| www.964190.com-十五选五预测彩乐乐| www.cp2955.com-彩票计划群坑人手段| www.mk35.com-500彩票网快三| 众乐彩票www.389144.com| www.nb36.com-破解彩票软件| www.1gm.com-网络彩票靠谱的| www.089253.com-彩6买哪个版本| www.217097.com-贵阳福利彩票中心| www.266689.com-新浪竞彩-| www.t21.online-i8彩票代理-| www.2244.vip-体育彩票广告语| www.10823.com-3d牛彩藏机图正版| www.ib74.com-1068彩票app| www.n33.net-下载京彩app| www.709378.com-创名彩票是真的吗| www.820569.com-彩钢pvc卷材| www.943166.com-麦久网彩票-| www.987440.com-百胜快三电话| www.fc02.com-中福网彩票合法吗| www.18by.cc-天津竞彩快三| www.446799.com-彩票终端机入围厂家| www.668367.com-买哪种彩票能中大奖| www.757244.com-彩色沥青混凝土厂家| www.838175.com-鸿鼎彩票下载| www.911080.com-大发时时采彩计划| www.974268.com-七乐彩4加1多少钱| www.cp745.com-三分快三计划网| www.78ej.com-竞彩就是赌博| www.pd39.com-快三怎么注册账号| www.37dx.com-体彩七星才开奖结果| www.53695.cc-体育彩票申请流程| www.636.space-香港首创彩经一码| www.064147.com-海南私彩怎么卖| www.632458.com-彩票什么容易中奖| www.994320.com-尊彩网邀请码在哪里| www.hv28.com-彩乐汇广西快三| www.00za.com-大发鸿运彩票网| www.296.live-胜负彩是不是骗局| www.863157.com-八手巴购彩票| www.114066.com-福彩3d晚秋-| www.22635.com-广东福彩微信号| www.487758.com-铁人铁蛋彩吧图库| www.172655.com-广西十分彩走势图| www.965084.com-中国彩票是不是骗局| www.985.org-彩票平台哪个靠谱| www.087307.com-3d福彩走势图连线| www.t77.top-如何摆脱彩票托| www.2636.cc-时时彩百位杀号| www.01327.com-注册送彩金58优惠| www.4197.cn-七彩平台是真的吗| www.67122.cc-买的彩票兑奖去哪里| www.081115.com-买彩票中奖的咒语| www.151812.com-彩票软件大红鹰下载| www.471194.com-彩票中奖推送| www.25jy.com-北京回华彩置集团| www.442937.com-恢复网络购彩| www.031172.com-九彩彩票是真的吗| www.266867.com-中国福彩海南快三| www.949548.com-巨富彩票网-| 网易彩票www.073wy.com| www.044847.com-幸运28彩票下载| www.455228.com-皇冠国际彩票赚钱| www.008614.com-哪种彩票中奖率最高| www.987906.com-彩票系统网址| www.886061.com-五洲彩票靠谱吗| www.ms55.com-掌中彩官网可靠吗| www.xc95.com-彩经网新版大乐透| www.2318.biz-彩票计划师培训| www.20291.com-中国广西福利彩票| www.61378.com-乐优炫彩苹果下载| www.050848.com-彩票合买有骗局吗| www.126148.com-创彩网买彩票安全吗| www.774232.com-微信五亿彩-| www.879672.com-极速彩票骗局| www.di4.com-内蒙快三走势图儿| www.vf90.com-23彩票app-| www.19pq.com-民政部福彩贪污| www.160.la-彩虹的别称-| www.8162.loan-梦见杀鸡见血彩票号| www.961475.com-福彩奖金计算| www.hy.cc-官方福彩极速快三| www.qh76.com-福彩推荐号-| www.09hk.com-彩票最晚封盘的平台| www.61ib.com-竞彩足球胜平负让球| www.740.pw-皇冠彩票网手机投注| www.3775.in-体彩七星彩开奖查询| www.8431.cc-乐彩网是骗人的吗| www.700310.com-辽宁福彩35走势图| 亿发彩票www.570133.com| www.081377.com-足彩骗局怎么赚钱| www.536159.com-美国彩票分类| www.cai7155.com吉林快三大小走势图| www.kd99.com-内蒙古福彩官网首页| www.zo01.com-好彩3缩水技巧| www.30zi.com-彩虹搭建主站官网| www.92qm.com-彩票的赠予-| www.1791.win-玄机图片二四好彩| www.074763.com-爱乐透最新彩票| www.258281.com-广西福利彩票开奖| www.0485.com-新彩票网走势网| www.0476.loan-体彩网上购买的网址| www.8427.shop-神彩福牛是什么网络| www.937645.com-3d福彩走势图连线| www.999713.com-95彩票平台彩网址|