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.595689.com-福利彩票专家推荐号| www.881691.com-辉煌娱乐彩票靠谱吗| www.ef07.com-福建体育彩-| www.s66.mobi-贵州福彩怏3| www.4516.vip-竞彩推荐网易| www.26959.cc-新浪彩票官网下载| www.97138.cc-买福彩3d赚钱绝招| www.101445.com-最高反水彩票| www.206358.com-快乐彩历史数据| www.322844.com-北京三分彩开奖结果| www.469246.com-玩足球彩票输死了| www.626261.com-盈丰彩票是骗局吗| www.719583.com-3d彩涂报纸-| www.858032.com-福彩动物总动员宝典| www.079711.com-彩票交税-| www.175330.com-福建彩票官方网站| www.522991.com-时时彩开奖走势图图| www.759312.com-福彩专家杀号定胆| www.930043.com-中国福利彩票结果| www.991981.com-福利彩票复式投注表| www.dm70.com-大马彩票平台| www.i49.net-中彩吧app下载| www.77mx.com-福彩门店装修图片| www.5551.shop-上海快三倍投| www.29992.com-亿彩彩票网-| www.047272.com-快三介绍-| www.239579.com-王者彩票真的假的| www.365944.cc-彩票29-| www.fm3.cc-个人玩时时彩犯法吗| www.0rn.com-七乐彩的软件有吗| www.93we.com-离婚律师彩票| www.4695.vip-新版微信怎么买福彩| www.66510.cc-宁夏西吉彩票中奖| www.111316.com-手机彩票选号软件| www.196007.com-抚州福利彩票总部| www.330082.com-双色球彩票指南| www.420215.com-竞彩实时比分直播| www.661143.com-福彩15选五中开奖| www.787328.com-今天体彩排列3开奖| www.864404.com-手机屏幕也能贴彩膜| www.933418.com-好乐购网站彩票| www.987199.com-购彩堂网址-| www.00271.cc-湖北福利彩票公众号| www.68711.cc-中国福彩图库| www.103035.com-中大奖彩票网app| www.176707.com-江苏快三有假吗| www.307208.com-福彩助手版-| www.405054.com-神彩争霸8邀请码| www.544835.com-时时彩杀号工具在线| www.666971.com-东北彩票网东彩网| www.756969.com-民彩彩票-| www.878762.com-福彩积分卡兑换| www.970125.com-体彩在线直播| www.cp9522.com-好彩票安卓版下载| www.nv45.com-福彩五行八卦九宫图| www.20pg.com-19040体彩-| www.1060.cc-彩名堂类似分析软件| www.8762.loan-刮刮彩票透视镜| www.58268.cc-彩乐园1??-| www.043139.com-彩票宣传语图片| www.225221.com-黑彩快三有没有赢的| www.305949.com-彩六怎么下载| www.380021.com-什么的彩虹桥填空| www.561151.com-爱乐透彩票安卓版| www.643876.com-中华彩票网的自频道| www.769579.com-七彩山鸡叫声| www.875016.com-太原彩票店转让信息| www.969468.com-酷彩吧彩票官网| www.ko4.com-快三吉林玩法| www.oy14.com-网络销售彩票诈骗案| www.21lo.com-体彩开业条幅| www.0760.cx-彩票接口有什么用| www.8787.vip-人工智能扫描彩票| www.64129.com-竞彩怎样找到大客户| www.030223.com-福彩刮刮乐中30万| www.112359.com-ios彩票彩金| www.179950.com-福利彩票中奖规则| www.306336.com-澳发彩票下载| www.401090.com-七星彩中间值走势| www.527911.com-时时彩360遗漏| www.637522.com-彩虹六号辅助提卡| www.762132.com-专业的足彩app| www.878395.com-湖北体彩十一选五走| www.969849.com-彩票毁了多少人| www.wi9.com-五分彩开彩结果| www.sg74.com-分分彩算法破解| www.14bz.com-乐彩汇app-| www.711.hk-657彩票犯法不| www.4610.cn-体彩亿元中奖者| www.06106.com-体彩竞彩提成| www.94834.com-彩票销售现状| www.060891.com-投注快三赚钱吗| www.199043.com-体育彩票怎么买号码| www.275946.com-广西快三作弊| www.400309.com-足彩开将-| www.531500.com-彩铅手绘人物图片| www.631989.com-七彩虹官网-| www.718839.com-彩虹是条虫-| www.785022.com-乐优彩票苹果下载| www.co47.com-彩客站靠谱吗| www.a78.net-彩票恒等式-| www.73jt.com-炫彩皮肤怎么买| www.3387.mobi-杭州足彩分析师招聘| www.02911.com-开奖快的彩票| www.54215.cc-重庆时彩客户端| www.95062.com-中国福彩在线游戏机| www.062805.com-竞彩足彩专家推荐| www.169768.com-河南快三号码遗漏| www.253011.com-广东好彩3选码技巧| www.318504.com-全天重庆彩万位| www.382921.com-第19029期彩票| www.529606.com-网络主播彩票| www.638279.com-色彩三要素指的是指| www.760697.com-三分时时彩带人计划| www.868606.cc-七星彩内部软件| www.cai6722.com吉林快三-| www.ku34.com-凤凰彩票每天赚几百| www.f51.top-谁是福彩幕后老大| www.39dp.com-昌邑彩民-| www.1334.vip-好彩彩票与你同行| www.7822.loan-竞彩足球怎-| www.25522.cc-今曰彩票开奖号| www.67725.com-买彩票一夜暴富实例| www.739346.com-竞彩网站网点| www.126902.com-彩铅人物素描图| www.206068.com-福彩3地全图总汇| www.277975.com-51亿彩票巨奖诞生| www.385962.com-稳赢彩票助手软件| www.505438.com-彩票该玩吗-| www.575499.cc-体彩电子投注单停用| www.643612.com-大千娱乐彩票可信吗| www.777265.com-彩神通软件狗| www.870132.com-天天爱彩票官网下载| www.947973.com-四川省体育彩票中心| www.984620.com-奖多多酷彩吧| www.dt72.com-福彩ios下载| www.tm99.cc-彩吧图库谜第二版| www.6vc.com-吃饭送彩票宣传语| www.54lw.com-如何下载彩神通| www.247.mobi-网址买彩票可靠吗| www.3040.site-彩逸炫-| www.7815.loan-足彩博冷-| www.20238.com-时时彩后一大小判断| www.57716.cc-长沙彩票工资| www.081069.com-手机怎么买福利彩| www.136968.com-冰淇淋彩笔画| www.205399.com-今天江西快三开奖| www.267356.com-500万彩票网下载| www.373639.com-好彩烟双爆-| www.478811.com-彩通网三地-| www.550980.com-时分彩票靠谱吗| www.632813.com-立彩1分快3下载| www.694411.com-头奖310彩票| www.761542.com-好彩妹什么电视剧| www.862923.com-七星彩开奖信息| www.916386.com-卖私彩会被判刑吗| www.971491.com-彩88app-| www.cp9455.com-官方彩票有哪些| www.kp45.com-成都竞彩快三查询| www.za38.com-甘肃省福彩兑奖中心| www.14ay.com-买五分彩走势图| www.71dw.com-彩票中奖了语录| www.0214.top-福彩网赚钱是真的吗| www.8777.cm-竞彩大数据预测|