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.206274.com-时时彩稳赢技巧买号| www.874520.com-信彩票-| www.967990.com-足球胜负彩开奖| 瑞彩网www.809215.com| www.556682.cc-七乐彩啥时候开奖| www.661288.com-彩票的类型-| www.767360.com-安徽福彩开奖查询| www.856138.com-彩票娱乐反水| www.bg59.com-中国彩骗局-| www.4762.biz-体彩刮刮乐如7而至| www.877718.com-购买网上私彩| www.964317.com-富人人彩票下载| www.ha26.com-快三模板-| www.20bm.com-创名彩票推荐码| www.197128.com-上海快3彩票查询| www.117935.com-浙江地方彩-| www.693867.com-三宝生活体彩屋代理| www.791050.com-缅甸好彩双爆多少钱| www.878653.cc-彩票内部人员透秘密| www.74qo.com-大掌柜彩票邀请码| www.091324.com-重庆时时彩开奖生肖| www.460901.com-佩奇彩票软件下载| www.621588.com-福利彩票图表数据| www.365023.com-广西快三全天共几期| www.889106.com-南方彩票开奖走势图| www.970145.com-台湾有那些彩票| www.cp7211.com-快三人为控制| www.mg48.com-重庆时时彩停售原因| www.395019.com-彩虹app制作| www.022948.com-幸运彩票不能提现| www.118767.com-亚博彩票是什么| www.57716.cc-长沙彩票工资| www.yj48.com-七彩乐15期开奖号| www.732754.com-河南太康彩礼多少钱| www.849309.com-nba竞彩篮球吧| www.927200.com-凤凰彩票维护| www.vg88.cc-福彩42期预测| www.30oj.com-湖北福彩快走势图| www.0838.date-支付宝足彩在哪里买| www.003409.com-优酷彩票-| www.455038.com-华彩免费下载app| www.568648.com-阿狸彩票登录网址| www.68882.com-彩票书大总汇| www.588536.com-刚刚七星彩开什么奖| www.672371.com-七乐彩走势图彩宝贝| www.771982.com-东方彩票投入梦想| www.861393.com-三d字谜双彩论坛| www.930935.com-吉林四平福彩快三| www.984813.com-买黑彩彩民犯法么| www.by86.com-彩票术语砍龙| www.zv39.com-重庆时时彩登录网站| www.41ia.com-澳洲3分彩投注技巧| www.619.tv-彩时时彩预测家安卓| www.322226.com-彩20网址-| www.558582.com-玩时时彩合法吗| www.665667.com-洛神体彩店下載| www.811110.com-下载福彩选号技巧| www.932488.com-送彩金快三平台| 亿万彩票www.345576.com| www.708097.com-彩票诈骗报警有用不| www.206099.com-五分彩公式-| www.358946.com-七星彩单票图片| www.523583.com-时时彩怎么下载| www.652059.com-葡京彩票平台| www.772029.com-多彩贵州招聘| www.954997.com-即开快彩-| www.193732.com-吉林快三跨度推荐| www.962794.com-小精英彩版-| www.ju4.com-河南快三历史开奖| www.100559.com-乐彩客苹果版| www.194958.com-上海体彩十一选五开| www.280350.com-最新彩票开奖信息| www.533696.com-七星彩中了四位数| www.636708.com-雨后彩虹儿童画| www.760244.com-彩票自助机在哪申请| www.876581.com-彩票刷水套利| www.940563.com-金福彩票网开几年了| www.987062.com-云购彩票下载| www.ds90.com-福、彩3d开奖结果| www.vy81.com-人人彩票网app| www.16zu.com-700万彩票-| www.sh62.cc-大发快三系统破解版| www.08vf.com-尼彩手机售后服务| www.315139.com-竞彩篮球加时赛算吗| www.728626.com-体彩折线走势图| www.339485.com-破解速赢彩大小| www.25205.com-彩铅桃花上色| www.011590.com-干彩票站怎么样| www.125887.com-大牌彩票官网| www.202730.com-福建福彩网官方网站| www.6160.pw-中国彩票协会| www.66487.com-梦想彩票首页| www.059412.com-辽宁省福彩12选5| www.942.me-体彩排五直播| www.8549.cn-福彩游戏机叫什么| www.254011.com-最稳定彩票app| www.304500.com-北京快三正文| www.78218.com-优的体育彩票| www.tc5.cc-玩时彩从来没有输过| www.vf11.com-卖体彩利润怎么样| www.89fv.com-知名博彩靠谱吗| www.388398.com-心同彩票平台| www.vu80.com-山东彩民论坛| www.33bq.com-排列三字谜凤彩网| www.zf.com-大发快三账号注册| www.689088.com-上海体彩排四| www.768737.com-快三大小规则| www.856208.com-新浪彩票八宝饭预测| www.918776.com-博彩有哪些大平台| www.975253.com-时时彩杀跨度和值| www.cai1112.com北京快三助手下载| www.684556.com-福彩3d和值判断| www.788040.com-足彩胜天半子| www.874633.com-幸运分分彩开奖记录| www.962447.com-贵州彩票兑奖| 网易彩票www.177417.com| www.104544.com-贵烟好彩牌香烟| www.012375.com-一定牛彩票电话| www.45903.com-快乐赛车彩票| www.96656.cc-竞彩足球概率| www.95ym.com-彩友多怎么样| www.475224.com-手机版金誉彩票网| www.577246.com-用ip代玩彩票| www.658449.com-彩视怎么做-| www.797100.com-大众彩票跟单| www.890779.com-体育彩票倍数怎么赔| www.zs1.com-福彩开奖3d走势图| www.d84.com-体育彩票481视频| www.1563.net-陇彩宝怎么下载不了| www.436228.com-大信彩票是骗局吗| www.525696.com-重庆市彩开奖时间| www.8978.biz-彩票平台是一起的吗| www.611678.com-申请体育彩票流程| www.122284.com-福彩双色球作弊案| www.206528.com-有没有好的彩票平台| www.310825.com-时时彩神圣计划| www.9778.cm-东方赛车一分彩计划| www.196678.com-江苏快三倍投必死| www.415668.com-红树林彩票客户端| www.592502.com-9万彩票助手| www.689478.com-浙江省福彩兑奖地址| www.957820.com-七星彩十六组头尾| www.04ny.com-风景画简笔画带彩铅| www.82al.com-七星彩网解码梦| www.20ry.com-彩票开奖19029| www.88tx.cc-福州彩钢瓦机器| www.19882.com-彩e通邀请码| www.51853.com-彩票平台提现被冻结| www.52082.com-uu彩票苹果-| www.529283.com-上海最新彩票店转让| www.336269.com-乐城网购彩-| www.998295.com-广州市福彩兑奖中心| www.he99.cc-彩票快三大小破解| www.xc31.com-七星彩最怪号| www.25jz.cc-深圳中国体彩店转让| www.31nk.com-风雨彩虹歌曲| www.20002.com-福彩十二生肖走势图| www.258966.com-竞彩欧赔干货| www.393608.com-彩铅画画简单图片| www.889712.com-体彩排列三独胆双胆| www.980570.com-玩体彩屋犯法吗| www.cai8128.com彩票123-| www.766308.com-湖北体彩快3结果| www.875044.cc-福彩3d水果图正版|