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.34hd.com-体彩手机网排列三| www.285324.com-彩票和值怎么研究| www.281131.com-时时彩五星和值大小| www.464755.com-足彩分析公式大全| www.620085.com-淘金彩票下载| www.783911.com-广西福令快三| www.sj74.com-北京时时彩投注软件| www.984025.com-518彩票官网| www.760811.com-乾隆釉彩大瓶| www.027137.com-中国体育彩票售卖点| www.162716.com-鸿运彩票app地址| www.242365.com-手机破解彩票软件| www.13zk.com-海南体彩飞鱼中奖率| www.614588.com-彩票胆拖选号| www.673062.com-正版彩票大师下载| www.341268.com-数字彩票走势分析| www.15166.com-湖北快三昨天开奖号| www.83992.com-南国彩票开奖直播| www.432104.com-家家好彩报纸| www.0176.xyz-约彩票下载安装| www.972042.com-印尼五分彩票| www.786.xyz-附近体彩足球竞彩店| www.647769.com-95快彩app软件| www.748567.cc-黑彩娱乐平台| www.834403.com-日免软红好彩价格| www.945636.com-我要彩-| 500彩票www.202405.com| www.275697.com-一分快三是哪个软件| www.515641.com-彩票稳定盈利模式| www.606051.com-彩票明天开什么| www.684748.com-华彩赢家官网| www.5875.biz-彩票公众号官网| www.jm20.com-大发时时彩开奖记录| www.877443.com-境外博彩犯法吗| www.576747.com-江苏快三走势图教程| www.674231.com-哪里可以在线买彩票| www.mc26.com-888彩票-| www.654024.com-上饶市福彩中心| www.751995.com-亚彩官网-| www.883422.com-彩票系统开发| www.984340.com-福彩快乐十分计巧| www.fe44.com-七星彩推荐一注号码| www.h55.tv-全国彩票试机号| www.337566.cc-体彩查询中奖| www.4787.cn-758彩票正规吗| www.ef86.com-体彩七位数-| www.611493.com-长春文彩-| www.922494.com-上海招聘竞彩分析师| www.8511.cn-时时彩怎样赢钱| www.60px.com-网易彩票是真的么| www.7235.in-彩虹六号怎么补季票| www.37626.com-109彩票彩官网| www.bs8.cc-3分彩骗局-| www.954592.com-掌上娱乐彩票| www.cp9679.com-彩票1分快3怎么玩| www.441193.com-四川体彩官网| www.86826.com-快三倍投必输| www.187.hk-彩38登录官网| www.6192.biz-湖北快三开奖查洵| www.615009.com-韩国彩票中奖者| www.722956.com-江苏常州彩票中奖| www.172286.com-江西省多乐彩走势| www.282995.com-七星彩怎样才能中奖| www.362422.com-七星彩头尾合数论坛| www.681816.com-彩麒麟骗局-| www.775175.com-七星彩最高中奖金额| www.03op.com-彩票33安软市场| www.692660.com-17彩票停售-| www.778353.com-彩助手首页-| www.860527.com-763彩票-| www.944801.com-梦见手机号码买彩票| www.990373.com-买彩票中大奖的数字| www.ry6.com-安徽快三本期预测| www.721235.com-新葡萄彩票-| www.822972.com-6hycom彩友网| www.890569.com-高赔彩-| www.955379.com-凤凰彩票是人控制吗| www.cai1655.com北京快三开奖结果走| www.065935.com-彩虹六号吧-| www.132410.com-平顶山订婚和彩礼| www.212335.com-体彩屋下载app| www.807911.com-篮球彩-| www.974600.com-中奖彩票软件下载| www.59ks.com-彩钢板加工机械| www.572385.com-竞彩网手机-| www.5388.live-彩票软件网站好不好| www.679345.com-至尊争霸彩票破解| www.875896.com-2彩票网-| www.974019.com-五星彩下载五星彩| www.cn57.com-k彩线路测试| www.685096.com-下载3d彩票-| www.214943.com-大发彩票-| www.cp494.com-福彩快三怎么算中奖| www.292268.com-八八彩票下载| www.534357.com-九彩霸王花国语| www.177084.com-福建快三开奖遗漏| www.810879.com-足彩18175期| www.911065.com-彩神计划官网| www.982528.com-旧版时时彩宝典下载| www.lq9.cc-湖北快三的玩法技巧| www.rj89.com-软件彩票全部彩种| www.265818.com-彩吧助手走势图| www.yl95.cc-038彩票网络平台| www.7098.net-七彩阳光幼儿园简介| www.140053.com-xy幸运彩票-| www.293712.com-彩神通三码会员| www.399041.com-足彩通怎么样| www.661593.com-足彩8串一奖金最高| www.913366.com-58彩票网址-| www.qs80.com-体彩公益宗旨| www.219203.com-百信彩票靠谱吗| www.522228.com-五分彩彩票计划| www.604559.com-彩帝彩票下载安装| www.692667.com-乐乐彩票福彩3d| www.780663.com-88彩票走势图| www.874300.com-刮刮乐彩票怎么玩儿| www.58359.cc-彩20彩票平台| www.229346.com-百盈快三是真是假| www.473040.com-彩之网怎样下载| www.972884.com-陈赫中奖彩票被调| www.878337.cc-最灵买彩票中奖咒语| www.48541.com-下载竞彩app| www.721136.com-重庆时彩数字规律| www.801390.com-富彩彩票怎么做代理| www.864511.com-人人彩票怎么玩法| www.921222.com-彩票神人-| www.972645.com-风景画彩铅画| www.cp2.cc-北京福彩快三爱彩乐| www.mm13.com-网络彩票排行榜| www.589241.com-福彩论坛中国最大| www.656276.com-福彩3d合尾走势图| www.732732.com-彩娱乐-| www.830055.com-佰盈彩票-| www.918894.com-彩票排列五模拟机选| www.994656.com-苹果能玩好彩客吗| www.kp71.com-新浪彩票官网首页| www.7ps.com-婚内彩票中奖| www.998946.com-今日头条送彩票| www.29829.cc-彩易彩票软件| www.836465.com-快平彩-| www.940006.com-吉林快三有盘么| 豪彩VIPwww.808913.com| www.568045.com-买体彩靠谱吗| 500彩票www.911096.com| www.819672.com-如何看待天价彩礼| www.926629.cc-彩6采票app-| 众发彩票www.439863.com| www.330510.com-国家合法的彩票网站| www.1983.xyz-竞彩输惨了-| www.251883.com-中彩吧正规吗| www.333261.com-高频彩反倍投玩法| www.409.xyz-湖南中彩票5个亿| www.sh79.com-怎么判断时时彩大小| www.599037.com-长春彩钢房-| www.0854.me-福彩扫码验奖| www.198264.cc-青海福利彩票| www.279623.com-1分时时彩走势| www.353852.com-梦网触屏彩票| 500万彩票www.5441m.com| www.762286.com-网络彩票怎么能稳赚| www.816601.com-福彩家彩开奖结果| www.883139.com-爱投口袋彩店| www.948382.com-天天彩票购彩大厅| 博亿彩票www.699by.com|