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.289365.cc-体彩内蒙古十一选五| www.2828.bid-彩虹糖巧克力味颜色| www.109585.com-分分时时彩挂机软件| www.959204.com-福利彩票站出租| www.pm74.com-彩经网3d综合走势| www.07101.com-北京28彩-| www.98780.com-福彩摇骰子快三| www.237563.com-中国体彩网比分直播| www.47sa.com-手机梦想彩票下载| www.6800.in-76c彩票登录网址| www.170742.com-吉林省长春快三开奖| www.827380.com-网络博彩是不是非法| www.969803.com-下彩网怎么进不去| www.64649.com-竞彩足球对冲必胜| www.098368.com-彩票3d字谜总汇| www.52343.com-好彩18036-| www.729217.com-北京快三截止几点| www.837995.com-中国体育彩票多少钱| www.342360.com-3d杀一码家彩论坛| www.9971.net-l彩票开奖-| www.m97.tv-大奖彩票黑平台举报| www.hz82.com-快三代理注册| www.o61.mobi-宁波公司员工彩票| www.3628.wang-彩播app官网| www.08777.cc-福彩3d10期计划| www.48tw.com-双色彩开奖结果| www.84147.com-陕西彩票领奖在哪里| www.325845.com-万彩吧c8cn合| www.452223.com-太原体彩转让信息| www.969426.com-酷彩吧提现-| www.pv14.com-彩九平台-| www.24de.com-快三和值多少钱| www.996791.com-今天体育彩票中奖号| www.611983.com-福彩3d讨论贴吧| www.513111.com-90彩票是正规| www.608226.com-彩71邀请码-| www.695187.com-竞彩篮球比分新浪网| www.776802.com-福彩双色球预算公式| www.897808.com-分分彩经验-| www.999673.com-福彩手机版3d字谜| www.gl47.com-今日福彩开奖结果| www.119695.com-时时彩带单骗局| www.141266.com-福彩3d宣传-| www.221783.com-破解彩票程序| www.55ck.com-北京体彩销售电话| 500彩票www.52072c.com| 天下彩www.335484.com| www.my92.com-瑞彩祥云快三挂| www.vz1.com-3d彩宝网-| www.783078.com-搜索彩票中奖查询| www.br.com-河北福彩20选5| www.169.mobi-时时彩输了七年| www.516411.com-中发彩票是黑平台| www.021808.com-皇冠投彩-| www.3ew.com-最大黑彩网站| www.333822.com-时时彩平台搭建| www.582696.com-绝望买彩票中奖| www.195371.com-重庆时彩开奖号码| www.345927.com-大豪客彩票靠谱吗| www.566529.com-和彩日本料理| www.872811.com-体彩加盟电话| www.950336.com-乐透吧彩票app| www.995857.com-竞彩足球ios| www.on5.com-机选彩票中奖案例| www.029560.com-利彩邀请码-| www.xe02.com-517彩票-| www.845694.com-福彩有哪几种玩法| www.8845.cc-七彩票大全-| www.197291.com-马来西亚乐和彩合图| www.742125.com-我要下载体彩和福彩| www.905526.com-世界杯足彩怎么赔| www.bd32.com-陕西福彩电话号码| www.12570.com-时时彩总和大小规律| www.191787.com-快三有没有体彩| www.369480.com-双色球字谜彩吧论坛| www.661473.com-网易彩票是真的假的| www.778059.com-中彩网福-| www.881574.com-13彩下载-| www.jn41.com-腾讯分分彩贴吧| www.978978.com-彩票站怎么开| www.871287.com-傲赢彩票靠谱吗| www.qj59.com-快开彩是什么| www.004570.com-彩票公司是谁开的| www.534311.com-够力七星彩安装| www.869716.com-福彩走势图模板| www.977636.com-世界杯足彩分析预测| www.gp.cc-手机中彩网下载| www.284955.com-北京快三豹子规律| www.416516.com-合法的足彩网站| www.902896.com-彩店宝彩票客服电话| www.915728.com-网上彩票加盟| www.6501.vip-七乐彩三胆专家预测| www.9288.com-乐彩交流平台| www.134850.com-江苏体彩大乐透结果| www.895296.com-华彩赢家彩票靠谱吗| www.978240.com-成都市彩钢夹芯板| www.sf64.com-时时彩助手3| www.069895.com-3d彩票算法教程| www.250612.com-爱彩彩票下载| www.01yf.com-彩虹阅读理解及答案| www.939651.com-云南时时彩开奖漏洞| www.455711.com-彩票害妻离子散视频| www.7098.pw-七彩阳光一-| www.657416.com-安徽省福彩管理中心| www.886414.com-最新大发快三app| www.0io.cc-福利彩票数字彩| www.sy67.com-福彩双色球几位数| www.462387.com-网易彩票大乐透停售| www.038846.com-帮我查一下彩票| www.312285.com-58彩票下载网址| www.464378.com-小凤仙七星彩预测| www.706140.com-河南快三规律| www.823621.com-镀锌彩钢-| www.971556.com-彩票手机报-| www.zr04.com-玩赚彩票-| www.927611.com-俄罗斯彩票有哪些| www.973817.com-幸运五星彩开奖下载| 大赢家彩票平台www.226105.com| www.1606.top-481彩开奖-| www.561199.com-金牛彩票是正当的吗| www.101196.com-高反水彩票平台网站| www.547847.com-宁夏快三软件| www.700768.com-彩票网站排名前十名| www.810986.com-竞彩单场奖金| www.906037.com-澳门彩票全部彩种| www.990314.com-福彩字谜牛材网| www.jx39.com-河北快三网络| www.45394.com-想找个彩票代理上级| www.882376.com-体育彩票销量下降| www.946057.com-9彩彩票app下载| www.999541.com-云南体育彩票| www.hw10.com-宁夏快三49期今天| www.085648.com-速8彩票真假| www.543229.com-下载中国体彩报| www.620049.com-彩票计划手机版官网| www.686657.com-彩客网双色球预测| www.755001.com-彩票iq南方彩网| www.809269.com-中彩票头奖概率| www.870469.com-吉林市开彩票站| www.975495.com-天天彩票官方直营| www.46kd.com-cp710彩票合法| www.228.cn-三彩家托管是否真实| www.278422.com-网络彩票五分快三| www.867602.com-彩票代打兼职微信号| www.931606.com-体彩19047期| www.986088.com-老牛足彩推荐| www.205201.com-大发快三可以破解吗| www.321137.com-体彩七星开奖| www.397463.com-双色球杀号唯彩看球| www.654860.com-五分彩天天计划| www.247278.com-天天快三有什么规律| CP701www.cp994.com| www.479552.com-陕西省体彩管理中心| www.298561.com-甘肃省体彩兑奖地址| www.2764.biz-彩票壁纸-| www.132755.com-世界杯足彩票| www.222514.com-3亿彩票-| www.685905.com-大众彩票8858| www.777758.com-黑彩平台评测网| www.875291.com-江苏快三直播| www.927122.com-时时彩计划器| www.972094.com-优优彩票网站正规吗| www.bc5.cc-彩票一分快三的技巧| www.qu74.com-快三多久开一次|