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天

知道了
58福彩 www.08639.com-福彩扫一扫最新版本| www.75949.com-竞彩蓝球投注计划| www.986403.com-什么是基诺型彩票| www.352706.com-彩彩计划-| www.635424.cc-福彩双色球手机应用| www.266755.com-六会彩皇冠开奖结果| www.365118.com-福彩广西快3| www.462815.com-福彩3d预测天吉网| www.560439.com-非凡彩票专业分析| www.842348.com-竞彩足球公益金比例| www.098081.com-体育彩票的购彩技巧| www.198229.com-福彩双色球走势| www.408600.com-官网七星彩网上投注| www.936930.com-海南时时彩官网开奖| www.cp090.com-周易算法算快三| www.525343.com-免费时时彩计划网| www.9769.vip-福彩销售店-| www.019112.com-利彩平台我的账户| www.72qf.com-体彩6场容错1场| www.680665.com-时时彩倍投计算| www.791148.com-福利彩票机选器工具| www.888589.cc-v78彩票网-| www.966197.com-福彩排三图谜总汇| www.cp7578.com-福彩安徽快三下载| www.399447.com-红牛彩票怎么下载| www.529283.com-上海最新彩票店转让| www.995645.com-今日足球竞彩单场| www.4838.vip-e乐彩注册-| www.307922.com-派彩网内蒙古快3| www.428218.com-彩票软件app开发| www.611551.com-家彩网胆码预测独胆| www.695337.com-体彩篮球投注规则| www.783109.com-新星彩下载-| www.861518.com-百乐彩app-| www.929881.com-app大玩家彩票| www.981288.com-彩票照假-| www.cp3112.com-街机新快三下载| www.48nf.com-80彩票软件靠谱吗| www.i44.cc-彩票帮投兼职| www.38fw.com-338322快彩-| www.465506.com-哪家医院5d彩超| www.235381.com-广东省体彩中心| www.98qf.com-彩运宝安卓版| www.93238.cc-大发快三一天多少期| www.984825.com-500时时彩登录| www.767721.com-福彩宝网彩3d| www.900688.com-567彩票安卓下载| 大玩家彩票www.165090.com| www.055530.com-福彩体彩开奖时间| www.124133.com-河南福彩3b走势图| www.201388.com-福彩河北基本走势| www.40735.com-彩中彩登录-| www.q33.cc-福利彩票复式怎么买| www.57um.com-姚记彩票-| www.470511.com-足彩买不中-| www.563955.com-彩票选7型技巧| www.638411.com-昆明竞彩店地址查询| www.713385.com-我买福彩3d输惨了| www.91825.cc-三d牛彩预测| www.566517.com-彩虹6号配置需求| www.3758.top-七星彩头尾群| www.245695.com-易彩堂登录-| www.669575.com-有什么彩票是6位数| www.bx79.com-彩票led宣传语| www.68599.cc-实体竞彩店现实| www.690022.com-东哥看彩双色球| www.78795.com-新彩网三d字谜总汇| www.571713.com-哪款彩票app好用| www.649622.com-澳门博彩业一年收入| www.hr82.com-五百万彩票网资讯| www.930992.com-7星彩开奖结果查| www.fm07.com-广东快乐十分彩开奖| www.66gw.com-千禧彩票-| www.1231.cn-大华彩票平台靠谱吗| www.023612.com-a23彩票app-| www.948981.com-国彩彩票是官网吗| www.sh59.cc-彩199彩票-| www.6128.biz-马彩她-| www.945805.com-2018洛阳彩礼| www.ho.com-足彩专家预测| www.94745.com-2018福彩销售额| www.491878.com-彩票代下兼职| www.616723.com-甘肃福彩网官方网站| www.821170.com-时时彩单期计划网站| www.596356.com-时时彩前3计划表| www.448499.com-u9彩票网址| www.727792.com-易彩集团违法吗| www.1878.link-2020彩网吧-| www.618000.cc-体彩和福彩哪个更黑| www.893578.com-乐彩网3分快3计划| www.988948.com-快三二不同号奖金| www.gw64.com-盈彩骗局揭秘| www.786376.com-六选一彩票大赢家| www.06rj.com-山东体彩领奖地点| www.870025.com-购彩大厅官网| 500彩票www.50788l.com| www.405286.com-彩民在线频道观看| www.053677.com-竞彩混合过关计算器| www.139550.com-盈彩是真的假的| www.211513.com-吉林快三走势一定牛| www.272628.com-分分快三必中技巧| www.8kd.cc-靠买彩票翻身| www.091102.com-易盈彩票的真实性| www.201456.com-福彩3d惊人的规律| www.906066.com-安徽快三多少分钟| 华夏彩票www.hx1114.com| www.19516.cc-福彩三的魔鬼图| www.069797.com-福利彩票中奖图片| www.rt00.com-中福网彩票是真的吗| www.097382.com-手机万彩吧-| www.243664.com-体彩大乐透字谜| www.65855.com-彩经网杀排3| www.948413.com-江苏体彩竞彩网| www.rn06.com-3分钟开彩票| www.682633.com-今日彩票软件合法吗| 中彩网www.71233b.com| www.18dm.cc-pc蛋蛋彩票安卓| www.888566.cc-320彩票-| www.nt45.com-邢台市福彩中心地址| www.53vr.com-华人彩手机官方网站| www.81vc.com-福彩手工输入兑奖| www.858589.com-福彩开奖36期| www.917983.com-彩虹图片大全| www.971999.com-福彩35选7走势图| www.10oh.com-彩钢瓦防水施工方案| www.805.cc-羽泉彩虹吉他谱c调| www.286798.com-淘彩彩票app| www.13fq.com-苏州e球彩技巧出号| www.137490.com-易彩我-| www.266877.com-彩票快3怎样追遗漏| www.356147.com-体彩属于哪个部门管| www.444149.com-最棒的彩票销售平台| www.14187.com-金华市体彩中心地址| www.049981.com-体育彩票排列5预测| www.295959.com-江苏老快三走势图表| www.748736.com-休育彩票七星彩| www.855625.com-北京快三多久一班车| www.64ju.com-众彩网靠谱吗| www.0300.top-开个彩票店咋样| www.444646.com-蓝球竞彩大小分预测| www.567157.com-旺旺彩票手机版下载| www.719308.com-广东省快三开奖结果| www.873277.com-体彩网购-| www.3458.live-体育彩票双色球单式| www.hv74.com-众彩网手机版| www.000.blue-博汇彩彩票骗局| www.9880.biz-体彩推荐号码今天| www.991411.com-大公鸡七星彩奖表| www.zm85.com-亿博团队快三| 凤凰彩票www.88266c.com| www.2492.top-彩专家大牛-| www.572793.com-幸运福彩-| www.cai5556.com快三高手怎么看走势| www.091104.com-湖北快三预测推荐表| www.ve28.com-江苏福彩‖体彩| www.48542.com-奇门测彩票取尾数法| www.67163.com-河南彩票兑奖地址| www.384772.com-状元彩票网app| www.20566.com-彩票签到有钱| www.644655.cc-c9彩票怎么用不了| www.830906.com-稳定彩票娱乐平台| www.883271.com-鸿彩直播平台下载| www.932973.com-众信彩票app下载| www.972200.com-印尼五分彩开奖结果|