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.151206.com-福彩3d私人秘诀| www.283951.com-属龙买彩票最佳时间| www.852177.com-时时彩任二组选| www.977656.com-世界杯足彩赔率表| www.3172.top-民政厅负责彩票部门| www.47082.com-秒速时时彩个位计划| www.39dw.cc-潍坊彩民-| www.0997.net-中彩擂台赛双色球| www.7302.vip-类似彩虹六号手机版| www.38935.cc-彩票邀请码有什么用| www.822891.com-江苏体彩排列五| www.959401.com-河北快三出号统计图| www.ds94.com-鸿博彩票手机端下载| www.35vd.com-全民彩票500网| www.501468.com-易彩云客服-| www.303068.com-幸福彩票app| www.810426.com-18149期胜负彩| www.889479.com-百乐彩客户端手机版| www.964524.com-中国体彩在线购买| www.cp0698.com-一分快三破解器下载| www.oj52.com-长春市福彩中心电话| www.084578.com-ios玩彩票的软件| www.217608.com-利赢大发彩票主页| www.291281.com-福利彩票双色球走势| www.372021.com-中国体育彩票十| www.475006.com-汇辰彩票28558| www.1058.wang-玩彩票安卓官网| www.151.in-哭着笑彩虹什么歌曲| www.221683.com-黑客带你买彩票骗局| www.001489.com-凤凰彩票手机版| www.204202.com-澳门快三开奖查询| www.516455.com-中发彩票安全吗| www.673293.com-福彩3d什么时候开| www.8157.top-今天可以买彩票吗| www.42269.com-qq彩蛋-| www.88329.cc-彩票白菜app论坛| www.067657.com-台湾快三秒奶茶店| www.714445.com-五分彩神计划| www.630069.com-彩神8彩票作弊器| www.775801.com-东方彩票网投领导者| www.866782.com-全天彩是合法的吗| www.937367.com-932彩票-| www.986476.com-玩彩票平刷能赚钱吗| www.bv54.com-鬼谷子福彩3d预测| www.970252.com-ag和高频彩-| www.5026.cn-吉祥彩05005| www.25627.cc-哪个彩票可以容错| www.87384.com-933彩票安卓下载| www.891115.com-彩票qq交流群号码| 500万彩票www.35155f.com| www.166095.com-快三是什么-| www.466796.com-七彩彩票网-| www.623817.com-足彩胜负彩软件| www.581118.com-彩票怎么查看| www.20353.com-新浪足彩竞彩单场| www.000481.com-手机中国体彩网下载| www.82368.cc-浙江伊兴快三助手| www.366096.com-万彩吧网上购彩| www.ee11.cc-上海福彩块3走势图| www.h42.cc-加强彩票市场监管| www.501801.com-中国竞彩蓝球| www.1683.cm-博奥彩票软件下载| www.9440.cn-华人彩平台登录| www.751441.com-淘之家彩票-| www.813810.com-腾讯彩票游戏在哪玩| www.931252.com-皇冠彩票网被骗了| www.995627.com-买足彩日本联赛口诀| www.zc3.com-万达彩票能提现吗| www.rn47.com-买彩票输的倾家荡产| www.365225.com-中国福建体彩大乐透| www.036655.com-中国足彩怎么买| www.137010.com-江苏体彩网| www.237594.com-官方授权彩票app| www.330010.com-香港乐和彩开奖结果| www.81lt.com-体彩开奖新浪彩通| www.4334.top-旺彩票头奖运| www.9802.cc-彩票开奖查询下载| www.026927.com-01彩票是不是合法| www.121745.com-体育彩票排列5软件| www.37xm.com-下载海南七星彩论坛| www.374368.com-万彩吧c8com| www.507189.com-aa彩票-| www.588722.com-五分快三走势分析| www.654519.com-上饶市福彩中心在哪| www.727523.com-山东彩票在线app| www.791557.com-彩票店招人-| www.3719.xyz-网易七星彩跨度| www.888461.com-下载网易彩-| www.984687.com-内蒙福彩公众号| www.ca37.com-快彩乐官网-| www.uk72.com-彩库宝典app下载| www.04yj.com-福彩3d太湖马后炮| www.111137.com-体育彩哪年发行的| www.448.date-江苏省快三跨度| www.15255.cc-温州体彩申请| www.66991.com-体育彩票提现规则| www.025695.com-平台彩漏洞改单| www.104904.com-公牛彩票平台怎么样| www.283326.com-七乐彩要按顺序吗| www.363853.com-彩虹七色是哪几种| www.474789.com-风凰彩票app| www.553068.com-时时彩打流水方法| www.083057.com-彩坛至尊-| www.169116.com-江苏快三开奖结果i| www.238928.com-五亿彩骗局解密| www.747621.com-88大富豪彩票| www.862181.com-幸运彩体彩软件| www.926377.com-五福团购彩票真假| www.dg1.com-几十秒一开的彩票| www.67392.com-体彩11选5复式| www.095295.com-彩票投注方式| www.947696.com-关注多彩贵州网| www.gs.com-足彩胜负-| www.386765.com-彩票摇号器制作| www.797501.com-晶彩8680手机| www.ma29.com-湖北福彩3d试机号| www.33mc.com-我想开彩票店怎么开| www.82qg.com-买竞彩足球总输| 彩乐乐www.3005w.com| www.202244.com-贵州彩票中奖者| www.298999.com-彩票最新开奖结果| www.396311.com-福利彩票放假公告| www.791634.com-彩票支票多久到账| www.890321.cc-合肥福彩中心在哪| www.956527.com-快三如何看走势图| 天天彩票www.ttcp88.co| www.719083.com-彩虹怎么出现的视频| www.022328.com-福彩3d人为控制吗| www.260.net-噢百万彩票49选7| www.703288.com-彩票解码软件下载| www.95607.com-彩票公益金暂行办法| www.100772.com-乐彩客登录-| www.175981.com-分分快三破解软件| www.205619.com-大发快三稳赚计划| www.274940.com-北京福彩官方网站| www.uk12.com-破解腾讯分分彩| www.19wp.com-彩票挂机设置| www.060.name-玩彩票砍龙什么意思| www.ut3.cc-九宫图怎么预测彩票| www.oa59.com-98彩票怎样-| www.81152.cc-ak彩票骗局全过程| www.081088.com-七星彩奖金分配| www.167145.com-快三网址多少| www.912235.com-大发彩票是真的吗| www.973227.com-彩虹岛为什么不火了| www.dj45.com-中国体重彩票大乐透| www.up12.com-7193鸿彩-| www.797086.com-福乐彩网-| www.882080.com-网上做兼职玩彩票| www.995567.com-彩票之家官方| www.xh3.com-湖北日报网福彩3d| www.pw59.com-三分彩官网-| www.n35.cc-足彩新浪比分直| www.22rp.com-江西福彩快乐十分| www.83bg.com-和彩印退订-| www.2336.vip-拉人玩网络彩票| www.630068.com-中国足彩购买规则| www.716879.com-手绘彩铅画星空教程| www.781604.com-鸿运彩票网安全吗| www.834389.com-炫彩浮屏什么意思| www.882724.com-易彩网邀请码谁有| www.943585.com-久久发彩票资料站| www.980734.com-火箭彩票网合法吗| 新盈彩www.xinyc8.com|