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.82831.cc-彩票_手机新浪网| www.pm63.com-彩涂铝卷-| www.70xk.com-彩易达招聘信息| www.1517.vip-大彩网首页-| www.088351.com-福彩快三押大小单双| www.163601.com-中华彩票是不是黑网| www.292325.com-彩票uu直播合法吗| www.428160.com-博彩游戏网站| www.92798.cc-东莞体彩申请表| www.598698.com-联合买彩票中奖新闻| www.67064.cc-兑奖后的彩票给谁| www.833382.com-中国体彩二维码| www.951357.com-澳客彩票网wap版| www.cp425.com-凤凰私彩彩票官网| www.mo11.com-免费彩金app| www.x59.club-十大彩票app| www.60zr.com-搜索青蛙彩-| www.81tm.com-中福彩积分兑换账号| www.3589.xyz-昨晚七乐彩中奖号码| www.17146.com-下载百福彩软件| www.63044.com-足彩分析新浪体育| www.024037.com-台湾五分彩开奖查询| www.067171.com-立彩是黑彩吗| www.023350.com-体彩大乐透技巧视频| www.34085.com-无极源码福利彩票| www.901206.com-体彩试机号金码关注| www.cp8996.com-南京福彩快三走势图| www.089046.com-彩98彩票官网| www.7530.vip-彩票吧台装修效果图| www.816447.com-福彩pk10投注| www.917102.com-彩票33怎么能赢| www.990089.com-排五杀号定胆彩经网| www.ea29.com-快三属于正规开奖吗| www.f18.in-国乐彩是真的吗| www.54lw.com-如何下载彩神通| www.4380.in-乐迎彩票导师微信| www.17449.com-中五亿彩票交多少税| www.61014.com-鑫亿彩app-| www.571669.com-菲律宾快三开奖查询| www.719901.com-七星彩票兑奖说明| www.866293.com-昨日体彩中奖号| www.98xl.com-彩吧学堂春利杀码| www.36337.com-谁要玩彩票的联系我| www.027182.com-f彩网骗局-| www.2024.tv-棋牌和彩票-| www.8771.loan-彩票计划高手下载| www.35373.cc-福利彩票真还是体彩| www.80118.com-河北体彩网七星彩| www.720930.com-福彩3d对子组合| www.293061.com-福彩双胆专家预测| www.lt4.com-彩神快三全能版| www.951068.com-排列三字谜乐彩网| www.pv7.com-福彩8-| www.542558.com-福彩大家乐游戏规则| www.596071.com-中彩票后被杀| www.370251.com-天网诈骗彩票| www.357848.com-快三包九什么意思| www.0566.pro-神秘玩彩人-| www.9439.top-华人彩票违法吗| www.63664.com-足彩竞彩海外推荐| www.033719.com-百乐彩下载-| www.180792.com-中彩彩票zc-| www.ch96.com-炫乐彩票官网| www.166.in-尼彩安卓芯智能手机| www.375789.com-已恢复的网络购彩| www.62398.com-海南彩票海彩开奖| www.893099.com-休育彩票大乐透| www.964472.com-竞彩场次好像减少了| www.cp6033.com-新彩吧3d字谜| www.rp99.com-时时彩票骗局| www.67nl.com-体彩中一亿大奖得主| www.126241.com-彩票红包雨-| www.668322.com-体育彩票买-| www.432617.com-怎样购买国外彩票| www.791030.com-快三走势图湖北宜昌| www.217157.com-今日彩票开奖查询| www.656334.com-天天中彩网是真的吗| www.761402.com-搜神传之我是蓟彩芝| www.852722.com-时时彩判断单双技巧| www.920957.com-福彩网充值记录图片| www.980253.com-福彩12-| www.ke20.com-福利彩票预测| www.729826.com-彩票专业分析| www.65974.cc-爱趣彩触屏版| www.95603.com-国家彩票收入| www.1ap.com-七乐彩属于福彩吗| www.2047.vip-彩票k8网-| www.388063.com-上海华彩咨询集团| www.654247.com-做假彩票-| www.779869.com-新世界幸运快三| www.891697.com-快三怎么买稳赚不赔| 彩乐乐www.cll168.com| www.0239.biz-彩宝网今天开机号| www.977519.com-彩票结果公告| www.ha53.com-充2万元728彩票| www.18mw.com-什么的彩云填词语| www.874543.com-双色球彩票走势图| www.45978.com-深圳天天溢彩| www.045756.com-彩81安卓版-| www.807331.com-完美网买彩票正规吗| www.727499.com-山东福彩官方app| www.255233.cc-68国际彩票-| www.494049.com-三地天天彩报纸图| www.332810.com-彩经网官网-| www.470060.com-足彩是赌博-| www.567242.com-体彩大乐透内部骗局| www.2895.xyz-开心8时时彩| www.9302.vip-彩票奇人选号法| www.j99.biz-彩票平台有跑路的吗| www.973608.com-快三共享走势图下载| www.cp3767.com-北京快三怎么算中奖| www.780307.com-福彩站点怎样申请| www.367888.cc-张彩芽-| www.507372.com-亿彩五分快三计划| www.615323.com-网络彩票报案有用吗| www.678274.com-体育彩票站点佣金| www.806064.com-福彩61期开奖号码| www.888756.com-黑彩娱乐平台哪个好| www.990406.com-彩票软件大红鹰下载| www.wy4.com-福彩3d免费论坛| www.si76.com-乐8彩下载安装| www.351590.com-彩票现在多少钱一注| www.437898.com-彩之源是真还是假| www.540559.com-体彩排列三杀码预测| www.609517.com-福州市体彩店| www.666013.com-新加坡六福彩| www.730367.com-极速快三贴吧| www.792357.com-彩票兑奖码是什么| www.853324.com-彩票买大小的是什么| www.936235.cc-五星彩票是真的假的| www.983576.com-彩16网站-| www.cai7779.com福建快三开奖走势图| www.jb07.com-福彩中奖细则| www.887119.com-快三模拟投注| www.969894.com-江西快三怎么玩稳赚| www.uu3.cc-彩票计划软件哪个准| www.04wc.com-竞彩网官方-| www.3317.biz-彩票网2元-| www.23211.com-1210彩票-| www.66383.cc-京东竞猜彩票| www.020168.com-中彩网3d北斗推荐| www.699227.com-休彩排三试机| www.778053.com-88彩票网l-| www.876493.com-河北快三彩票| www.937682.com-彩88彩票网站| www.984072.com-c99彩票平台登录| www.cp7138.com-网上带人买彩票骗局| www.vh57.com-大发时时彩中奖规律| www.23pk.cc-985彩票靠谱吗| www.062.online-彩铅画教程风景| www.613255.com-彩票程序开发哪家好| www.489.cm-彩之星优部快印| www.4281.vip-乐彩uv卷材打印机| www.9088.biz-网易福彩开奖视频| www.189497.com-uu快三视频-| www.277080.com-彩民之星内部验证码| www.355602.com-足彩如何交税| www.459633.com-彩票2019新规则| www.08352.com-彩票宣传广告词| www.83862.com-买彩票后怎么兑奖| www.137684.com-体彩胆码预测家彩网| www.277969.com-快三输了能回血吗| www.490388.com-旺彩双色球3d断组| www.573313.com-彩票k线手机|