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.0655.website福彩销售点申请| www.544529.com-挂彩票啥意思| www.028520.com-博瑞彩票团队| www.5546.cc-七彩虹图片大全| www.47348.com-大众彩票网骗局| www.017694.com-易彩票手机版| www.092911.com-快频彩违法吗| www.166239.com-快三技巧-| www.815666.cc-福彩排列七还有吗| www.939356.com-乐途彩票网app| 500彩票网www.61655d.com| 彩民网www.76520j.com| www.679020.com-彩票中福在线收益| www.796336.com-怎样制作竞彩表格| www.894664.com-体彩购彩流程矢量图| www.963257.com-体彩4场进球玩法| www.kb1.cc-江苏十一选五控彩票| www.rm80.com-河南快三定胆技巧| www.rd54.com-快三360遗漏数据| www.pi53.com-足彩19024期| www.84nk.com-新彩华章互联网彩票| www.8036.vip-重庆时时彩杀号专家| www.go20.com-规定彩礼不能超过| www.q76.net-北京体彩网首页| www.70oo.com-乐博彩票怎么破解| www.1227.in-计划彩票app下载| www.8088.bid-永利带彩票源码| www.913957.com-谁有瑞彩祥云邀请码| www.321873.com-福彩通注册邀请码| www.7882.cn-江苏快三八方走势图| www.107037.com-澳洲五分彩存在吗| www.237572.com-快三倍投方案| www.323541.com-中国福彩网开奖信息| www.430770.com-江苏彩礼-| www.549713.com-彩票驿站平台app| www.637393.com-大赢家时时彩合法么| www.779802.com-福彩三b走势| www.870534.com-人人买彩票怎么提现| www.941997.com-分分彩出号规律技巧| www.995666.com-足彩比分技巧牛人| www.cu97.com-彩票店和什么一起开| www.xt26.com-有人带着买彩票| www.31oz.com-星期天彩票开奖| www.077244.com-小型彩色复印机价格| www.213000.cc-有信誉的彩票平台| www.317291.cc-重庆时时彩走势技巧| www.406389.com-福彩复式怎么买| www.783459.com-七乐彩摇一摇选号机| www.855379.com-定位胆是彩票的吗| www.940744.com-网络快彩平台刷流水| 88彩票www.8839m.com| www.867867.com-南国彩票论坛808| www.9946.wang-中国体育彩票彩报| 中福彩票www.631279.com| www.372757.com-福彩票单式中奖| www.538244.com-银海布衣彩报图| www.31aq.com-彩虹正版源码下载| www.889179.com-易彩苹果下载安装| www.tg76.com-姜丽花式快三慢动作| www.29an.com-足球彩票合法吗| www.746363.com-8亿彩app苹果| www.850893.com-时时彩杂六规则| www.930068.com-彩票助赢软件下不了| www.986593.com-256时时彩下载| www.yo5.com-五分快三彩票玩法| www.a96.org-网上赌十字彩| www.44sd.com-uc彩票网手机版| www.234298.com-333彩票有危险嘛| www.548011.com-彩票开奖编程| www.650205.com-十字彩票怎么下载| www.770215.com-开空彩票-| www.404345.com-彩陶之王-| www.579464.com-正彩云终端-| www.188748.com-彩经网大乐透杀号| www.285721.com-吉林快三压大小单双| www.366363.com-清乾隆古铜彩牺耳尊| www.500082.cc-彩345彩票app| www.584006.com-最准的彩票预测网站| www.654679.com-500万彩票3d| www.26836.cc-七星彩是否有规律| www.010290.com-易网彩票走势图| www.114580.com-时时彩百变计划在线| www.386816.com-凤之彩票-| www.639560.com-怎样才能卖好竞彩| www.829811.com-彩票大师于海滨| www.910553.com-彩99彩票登录平台| www.970147.com-台湾运彩首页| 大赢家彩票www.594611.com| www.133333.com-彩色沥青道路建设| www.262644.com-到底有没有天津快三| www.517678.com-牛彩下载-| www.126066.com-手机购彩客户端下载| www.750378.com-豪彩官方注册| www.872607.com-体彩俱乐部-| www.05dn.com-儿童彩铅画教师范画| www.84so.com-青蛭彩票开奖现场| www.555327.com-福祥彩票-| www.671052.com-乐盈彩网-| www.760147.com-中国福育彩票官方网| www.833771.com-好彩丨开奖结果| www.894451.com-速8彩票网站网址| www.959796.com-彩票计划详情网址| 500彩票网www.61655c.com| www.cj58.com-福利彩大发快3下载| www.327102.com-福彩七乐彩几个中奖| www.460008.com-内蒙福彩兑奖地址| www.566350.cc-远途国际彩票靠谱吗| www.632616.com-中国彩票中奖真与假| www.698438.com-彩库宝典官方旧版| www.769033.com-靠谱足彩外围app| www.654900.com-七星彩开奖直播链接| www.023492.com-重庆时彩破解网| www.115855.com-足彩胜平负概率计算| www.193131.com-爱彩乐大发快三假吗| www.79wb.com-南京休彩中心在哪里| www.3781.biz-7星彩直播开奖现场| www.006344.com-山东体彩官网| www.112808.com-竞彩网一定牛| www.829992.com-娱乐游戏首存送彩金| www.902846.com-瑞彩彩票客服电话| www.095309.com-于海彩票事件| www.226773.com-玩彩票客户端安卓| www.320083.com-体彩何时开奖| www.391390.com-5星彩下载-| www.602613.com-美国一分彩是假的吧| www.668367.com-买哪种彩票能中大奖| www.731624.com-彩票改号-| www.796406.com-上海体彩中心电话| www.863026.com-胜负彩19032| www.135431.com-微信怎样买彩票| www.259228.com-竞彩计算器胜平负| www.368673.com-七星彩中奖神器| www.485906.com-福彩排列七开奖历史| www.546884.com-手机彩票可以玩吗| www.28280.com-常州市福彩中心地址| www.75577.com-大佬彩票登录| www.058864.com-足彩加电脑版| www.177580.com-上海天天福彩时时乐| www.266551.com-江苏快三算不算赌博| www.346428.com-北宋红绿彩-| www.469557.com-网上买美国彩票| www.900151.com-彩票网上兼职赚钱| www.981580.com-七星彩缩水工具| www.ft31.com-北京福彩快三手机版| www.159121.com-头奖彩票app| www.256167.com-全球彩票安卓版| www.331376.com-中彩网体彩11选5| www.454216.com-二元彩票下载安装| www.577545.com-福彩排五开奖结果| www.637320.com-彩虹5巡航速度| www.749954.com-手机全中彩票app| www.818871.com-彩票筛选-| www.877842.com-南京福彩中心学堂| www.946938.com-官方彩种有哪些调整| www.979961.com-江苏省福彩在哪里| www.9613.biz-烟台快三彩票| www.kh26.com-彩票走-| www.353361.com-京彩挂机怎么用| www.56727.cc-利盈彩票登录| www.205265.com-安徽快三老板走势图| www.308045.com-体彩足球奖金怎么算| www.198484.com-彩神iiapp-| www.282248.com-彩票时时彩开奖时间| www.358552.com-彩票站用的键盘|