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.31ai.cc-彩虹自助下单授权| www.322550.com-足彩八串一什么意思| www.055504.com-体彩快三玩法介绍| www.1354.xyz-中国体彩加盟多少钱| www.392038.com-关小刀足彩预测| www.839326.cc-江苏公益彩票| www.71778.cc-福彩牛彩图迷总汇| www.319970.com-黑彩稳赚不赔绝招| www.0482.date-福彩3d游戏规则| www.751922.com-中国体彩网网| www.845407.com-体育彩票成立日期| www.944767.com-福彩全部图标| www.993831.cc-足彩有几种购买方式| www.id79.com-快三期期反水平台| www.2rg.cc-下载福彩自助| www.74vj.com-今天福彩杀码号| www.4469.xyz-马来西时时彩工作| www.11888.cc-七星彩一中国体彩网| www.61237.cc-中乐彩是正规网站么| www.023106.com-彩票和波段-| www.112902.com-大奖网买彩票犯法吗| www.203737.com-江苏快三app下载| www.798102.com-甘肃快三定胆杀号| www.215099.com-uu快三精准计划网| www.684174.com-248.com彩票| www.855517.com-七乐彩如何兑奖| www.16py.com-36选7好彩3预测| www.05il.com-七乐彩开奖顺序| www.18311.com-燕赵福彩官网首页网| www.748478.com-红彩网从哪下载| www.947912.com-发行体育彩票作用| www.di15.com-彩票开奖结果杳询| www.794054.com-公务员彩票中奖| www.935156.com-福彩快三苹果下载| 凤凰彩票www.66652h.com| www.022490.com-体彩走势图综合版| www.356574.com-买彩票那么多年| www.435411.com-贵州体彩网欧阳| www.9083.biz-多彩贵州铜仁宣传语| www.24pj.cc-手机全面钢化膜有彩| www.pl36.com-今日福彩3d舟全图| www.505970.com-买彩票的案件| www.680122.com-彩票上的字体| www.868653.com-85彩票网-| www.978136.com-彩钢棚做法详细图| www.uo59.com-澳门快三走势| www.78ha.com-时时彩私庄赔钱| www.742823.com-顺盈彩票app| www.836127.com-顺丰彩票你中了多少| www.917051.com-必赢彩票可靠吗| www.970883.com-福利彩票考试| 天玺彩票www.466780.com| www.kx89.com-高频游戏骗局时时彩| www.f30.me-马来西亚彩票诈骗| www.34pa.com-公主号彩票网址| www.105.in-越南河内五分彩| www.793068.com-将苏快三开奖结果| www.872024.com-2688彩票-| www.942755.com-分分时时彩杀号| 福利彩票www.flff0.com| www.ad23.com-甘肃省快三遗漏号| www.9460.vip-地方彩票怎么买| www.892846.com-青海快三助手下载| www.310931.com-福利彩票19025| www.69315.com-任九开奖足彩| www.025796.com-7乐彩中奖号码| www.698067.com-温州福彩中心在哪里| www.865957.com-易网彩票免费预测| 福利彩票www.8039a.com| www.40hj.com-七星彩大小奇偶走| www.93644.com-一分快三口诀| www.29lx.com-重庆时时彩胆码预测| www.669054.com-外国人在美国买彩票| www.775524.com-743cc天天好彩| www.920392.com-快三定胆-| 彩客博www.8667r.com| www.ew45.com-重庆时时彩破解器| www.wr85.com-七天彩官网首页| www.13sc.com-竞彩足球彩票计算器| www.000018.com-时时彩怎么都是输| www.121075.com-福彩双色球选号| www.389558.com-固始彩票中奖| www.835295.com-好彩多少钱一包| www.917723.com-彩虹六号表情包| www.978482.com-一举成名天天好彩知| www.zo82.com-七彩虹-| www.66we.com-大彩网机器人双色球| www.176812.com-福建体育彩票| www.737771.com-永利彩世界app| www.3796.cn-七星彩论坛特区规律| www.065615.com-彩库宝典下载到手机| www.127937.com-唯美彩虹壁纸| www.198587.com-彩票输钱经历| www.497163.com-今日彩票幸运选号| www.719389.com-福彩排列5开奖公告| www.863298.com-福彩在线官网| www.968934.com-香港意大利彩金| www.fd77.com-盈彩网-| www.1576.wang-彩宝计划是不是真的| www.42ef.com-姜山冷门足彩大赢家| www.0436.ren-福彩字谜图迷乐彩网| www.28518.cc-福彩在线有手机版吗| www.hf27.com-快三三军什么意思| www.923408.com-人人中彩票可靠吗| www.972614.com-中学画彩铅风景视频| 网易彩票www.560935.com| www.509318.com-春节彩票停售时间| www.703896.com-福彩三地布衣独胆王| www.q25.net-福彩3d天中图库| www.2678.pw-彩票6288-| www.49034.cc-时时彩神圣计划软件| www.91jc.com-万福彩票合法吗| www.424533.com-天天赢彩票苹果版| www.63fr.com-福彩正版大花虎1| www.013340.com-南国体彩4十1| www.020.net-彩票单双计划网站| www.53261.cc-快三顺子奖金是多少| www.03fb.com-安徽快三加奖公告| www.05252.cc-买彩票贷款还不上| www.346076.com-广西手机福彩客户端| www.375908.com-吉林快三走势图彩经| www.670085.com-下载特区彩票网站| www.749487.com-中彩彩票zc38| 鸿运彩票www.hy5508.com| www.777947.com-牛彩纽约是正规吗| www.037908.com-彩票号码组合软件| www.168295.com-上海快三形态走势图| www.74gr.com-彩票规则漏洞| www.446018.com-霍德华彩票理论计算| www.18196.com-福彩预测最新最准| www.126992.com-福彩3d阅读-| www.313280.com-赌彩票骗局-| www.762916.com-开彩票店前景| www.084858.com-体彩机怎么连接电视| www.4829.org-如何彩票中大奖| www.570398.com-盈利彩票app提现| www.as17.com-贵州彩票手机投注| www.wx41.com-福彩七乐彩中奖概率| www.691911.com-彩票中心客服电话| www.923057.com-红旗彩票中彩网站| www.tn52.com-福利彩票三十五选七| www.3387.net-大花猫彩报-| www.356747.com-体彩中国红刮刮乐| www.47884.com-体育彩票61玩法| www.113417.com-彩票有多少种| www.903879.com-彩票竞猜金豆领取| www.988590.com-好运彩票网-| www.jy57.com-七星彩开奖玩法说明| www.22dc.com-竞彩足球低赔秘密| www.bh40.com-英国五分彩合法吗| www.to17.com-大发快三算号神器| www.87ko.com-彩票能退吗-| www.594679.com-博纳彩票真的吗| www.16005.cc-时时彩北京塞车官网| www.1313.cc-体彩刮刮乐免费试刮| www.9858.me-古建彩绘灯花图案| www.491918.com-体彩大透开奖| www.610356.com-怎么玩彩票就赢| www.668490.com-在国外做彩票合法吗| www.710809.com-刷彩员是什么| www.762797.com-福彩开机号码彩宝网| www.818583.com-五百万彩票怎么下载| www.873615.com-凤凰娱乐彩票合法吗| www.970488.com-买彩票守号能中奖吗|