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.070138.com-幸运快三豹子计划| www.760019.com-时时彩走势图助手| www.570.com-时时彩万位规则| www.5388.live-彩票软件网站好不好| www.12886.cc-全民彩票怎么买| www.69527.com-京彩娱乐下载地址| www.582505.com-福建省彩票管理中心| www.830076.com-福彩快3和值表| www.937532.com-体彩网七星彩开奖| www.999988.cc-彩站宝贴吧-| www.cc90.cc-彩票规律计算公式| www.a31.pw-7乐彩中奖结果| www.50fj.com-烟台福彩中奖号码| www.0007.in-那种彩票是8位数字| www.53523.com-时时彩安卓-| www.6797.org-彩票18063期| www.3868.biz-七星彩专家百位杀号| www.692302.com-彩票完整话术| www.773250.com-天津时时彩开奖现场| www.879071.com-合肥快三跨度| www.956087.com-玩彩票的心态| www.5454.win-3d福彩速查表| www.30207.com-3d开奖南方双彩网| www.732397.com-198彩平台登录| www.900378.com-快三时时彩怎么玩| www.34vk.com-七星彩两期重号| www.410059.com-乐透彩票下载安装| www.555080.com-天津福彩快乐10分| www.599998.com-旺旺彩票可信吗| www.705388.com-彩票异地兑奖| www.798935.com-8彩票下载-| www.0343.cm-1111彩票平台| www.22956.cc-江西福彩网官方网| www.963252.com-网投一分快三合法吗| www.oe0.com-好彩36选3奖金| www.c81.club-百宝彩票产品| www.80jd.com-粤海七星彩论坛| www.02545.com-彩票双色球专业版| www.450010.com-七星彩网上投注代理| www.590882.com-奔腾彩票合法吗| www.676711.com-易彩快3大小单双句| www.055793.com-重庆时时彩能赚钱吗| www.157920.com-苹果竞彩-| www.9027.biz-cba篮球彩票| www.od87.com-黑客彩票快三软件| www.16mn.com-k彩在哪下-| www.655923.com-湖北彩妆培训学校| www.8772.cn-时时彩软件排行榜| www.73914.com-快三彩票网址| www.8939.online易彩网平台怎么样| www.798036.com-五彩戏娃11-| www.987394.com-百胜快三有假吗| www.gk27.com-中国体彩大乐透规则| www.742221.com-i8彩票app下载| www.826337.com-933彩票提款不了| www.914666.com-59彩票网-| www.970733.com-足球彩票手机新浪网| www.hw22.cc-北京快三购买平台| www.xr70.com-买彩票一直买同一个| www.22op.com-酷彩中国专柜价格| www.98ic.com-彩八彩票送彩金| www.711177.com-福彩天天图-| www.813156.com-四川省福彩快乐12| www.895103.com-投彩网官方网站| www.362333.com-体育彩票今天开奖| www.458887.com-福利彩票3d组选| www.568702.com-约彩365种了5万| www.56uo.com-七星彩今晚现场直播| www.169905.com-今日快三吉林| www.44lf.com-足彩竞彩比分串| www.974657.com-新浪七星彩开奖直播| www.22734.com-辽宁体彩电话投注| www.89034.com-娱乐游戏首存送彩金| www.5055.cn-喜盈盈彩票官方网站| www.52257.com-辽宁体彩网唯一指定| www.830327.com-彩票每年害死多少人| www.927678.com-体育彩票订票系统| www.983018.com-彩玉海棠-| www.ij65.com-福利彩app-| www.xr26.com-买彩票是怎么说| www.19ul.com-手机版彩票挂机软件| www.183.in-儿童简单彩铅绘画| www.3150.xyz-k彩客户端下载| www.9386.biz-体育彩票买-| www.369656.com-彩颖做名字-| www.472470.com-小鹿网络时时彩升级| www.668063.com-华人福彩-| www.510.cc-时时彩听说停售是吗| www.6480.cn-苏宁大发快三| www.37991.cc-棒棒彩票注册| www.510399.com-彩盈娱乐开户代理| www.586864.com-彩票一个星期开几次| www.660465.com-彩票摇奖机app| www.843579.com-体彩专管员待遇| www.906613.com-买彩票取什么网名好| www.962509.com-福彩双色球兑奖金额| 彩乐乐www.cll168.com| www.hq84.com-贵州快三开奖结| www.m60.tv-凤彩网预测-| www.797959.com-易彩补漆笔怎么样| www.875863.com-2元网彩票-| www.cp9395.com-合法彩票平台| www.370783.com-高频彩票开奖网| www.470060.com-足彩是赌博-| www.272513.com-308彩票官方网站| www.446551.com-中国彩票研究院| www.541563.com-爱购彩票一级邀请码| www.013598.com-体彩5d走势图表| www.67687.cc-快三贵州预测号| www.703492.com-湖南福彩票网| www.535468.com-彩票都有几位数| www.wc21.com-七星彩预测推荐| www.257281.com-爱彩乐手机版官网| www.rb90.com-彩票平台自己的彩种| www.151315.com-天天彩助手3.4| www.14333.com-七星彩概率-| www.820951.com-彩钢板门头-| www.947391.com-福彩七加一多少钱| www.995086.com-惠彩骗局揭秘| www.z99.com-天天爱彩飘-| www.79xa.com-五彩绳怎么打结| www.713032.com-彩票平台送试玩金| www.298027.com-人人彩票骗局| www.365302.com-怎么玩广西快三赚钱| www.099067.com-如何理解责任彩票| www.08ch.com-七星彩书包网| www.348.live-福彩双色球六个红球| www.403994.com-彩票破解app| www.689888.com-彩66彩票网登录| www.605755.com-吉祥彩票大快三| www.47ro.com-盛彩科技兼职骗局| www.1194.pw-彩票冷热趋势分析| www.413856.com-分分彩八码滚雪球| www.367386.com-星期三开什么彩票奖| www.64lo.com-下载众彩网安全吗| www.289233.com-购彩票的合法网站| www.361240.com-六冠彩票官网| www.458371.com-彩票中大奖是命吗| www.566872.com-彩神通四码是真的吗| www.626226.com-彩87彩票app| www.ks02.cc-有没快三群-| www.46657.com-加拿大五分彩是正规| www.079932.com-满彩堂app-| www.025943.com-三号彩票下载安装| www.873807.com-彩票31app-| www.971253.com-彩票c16-| 鑫亿彩www.196073.com| www.ej84.com-3d彩报图库-| www.ux69.com-中国福彩图谜| www.04ob.com-福彩直播那个频道| www.728168.com-重庆时时彩测号| www.947872.com-南国彩票论坛规律图| www.986545.com-谁有彩神群vll群| www.cd1.com-福建福彩快三查询| www.lm09.com-分分中彩手机投注| www.38551.cc-云彩彩票网合法吗| www.018531.com-今日福彩三地开奖号| www.106608.com-足彩世界杯比赛竞猜| www.5070.vip-买足彩的app澳客| www.31213.cc-彩尊官网-| www.281004.com-重庆旧时时彩| www.365264.cc-彩票平台冻结账户| www.lc65.com-109彩票-| www.e37.com-福利彩票双色球机选|