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.in92.com-齐鲁七乐彩预测| www.13yp.com-彩票6等奖怎么兑奖| www.319.cm-m5彩票登录网址| www.c12.pw-幸运快三怎么玩的| www.1279.pw-5分彩下载安装| www.62657.cc-香港马会彩先知网| www.33880.cc-体彩和福彩中奖概率| www.419452.com-易彩网开奖结果| www.e09.club-南通竞彩-| www.201.me-关于春天彩铅画图片| www.886257.com-数字彩票的原理| www.599205.com-彩票双色球该怎么买| www.376193.com-彩宝广告图片| www.498336.com-修改彩票注单| www.573811.com-吉林快三合法吗| www.087652.com-87云彩店-| www.523949.com-重庆时时彩最稳打法| www.679320.com-死在彩票上的人| www.839725.com-19048体彩-| www.27vn.com-全彩漫画之温泉会馆| www.00534.com-快三一注-| www.360299.com-时时彩包赚法| www.472293.com-中国福彩3d彩涂| www.562233.com-万彩动画激活码| www.22775.com-快三大赢家是赌博吗| www.85910.com-附近的福彩彩票站| www.989398.com-81818彩票-| www.lb15.com-购彩app哪个好| www.07vb.com-好看的彩铅配色| www.85uf.com-福彩7乐彩开奖时间| www.2249.bid-福利彩票去哪里查询| www.08087.com-彩票大奖怎么领取| www.191396.com-玩上海体彩十一选五| www.999097.com-江苏足彩领奖| www.fs09.com-快三直播间-| www.2826.cc-七星彩兑奖跨省吗| www.576612.com-今天3b彩报-| www.671496.com-十一万八彩礼寓意| www.796181.com-怎样提高彩票中奖率| www.878511.com-彩票帮投兼职可靠吗| www.975412.com-福利彩票摇一摇机选| www.da95.com-彩神11是官方| www.27eh.com-哈尔滨体彩店出兑| www.248.mobi-福彩3d开奖结果今| www.4562.in-彩票3d擂台-| www.24100.com-双色球彩票软件官网| 500彩票网www.61655c.com| www.7228.loan-绿好彩港版多少钱| www.135929.com-竞彩胜平负比分| www.260508.com-网赌博彩-| www.113312.com-彩票中奖绝招| www.699223.com-3d乐彩网论坛| www.780665.com-下彩网触屏版首页| www.858726.com-黑龙江浩彩快三| www.460201.com-众博彩票网站可信吗| www.45im.com-彩红是什么颜色| www.97008.com-古建筑彩绘锦心纹样| www.436723.com-老猫出彩预测| www.209339.com-玩福彩快三犯法吗| www.348496.com-竞彩足球怎么分析| www.445802.com-上海福利彩票大全| www.536268.com-立体彩铅动物| www.606921.com-买彩票的笑话| www.694322.com-运盛彩票注册| www.769369.com-凤凰彩票购彩平台| www.841177.com-儿童彩妆用什么| www.907028.com-国家福利彩票快乐8| www.963830.com-6701彩票导航| 500彩票www.338032.com| www.tw49.com-爱乐彩江苏11选五| www.995047.com-五百万彩票网址| www.ef48.com-江苏快三三期计划| www.zm93.com-彩票开奖票码技巧| www.lp21.com-创富彩票合法吗| www.5yz.com-中国福彩双色球最新| www.691580.com-3d福星福彩推荐| www.816411.com-快三两同号统选| www.6866.biz-海南体育彩票乐吧| www.91153.com-加税美产无嘴好彩| www.262836.com-七星彩玩法中奖规图| www.56db.com-福彩3d组选图| www.041319.com-彩票术语有那些| www.4942.win-d9彩票是什么平台| www.17770.com-彩店宝业主-| www.619056.com-时时彩十大信誉排名| www.811839.com-彩坛至尊免费大全| www.56553.cc-竞彩网强胆推荐| www.721329.com-体彩单场胜负投注| www.824779.com-68彩票黑平台| www.929342.com-盈彩在线下载安装| www.980025.com-中国体育彩票装修| www.cp240.cc-江苏快三怎么玩稳赚| www.764033.com-竞彩足球比分500| www.77043.com-e乐彩注册登录| www.043624.com-足球彩票怎么买不亏| www.014513.com-七星彩海南奖头尾| www.099012.com-时时彩整套源码| www.175626.com-快三免费计划推荐码| www.052016.com-中国福彩官网下载| www.529239.com-七乐彩今天专家预测| www.636234.com-彩虹机效果-| www.720990.com-彩票团队qq群| www.802878.com-彩票239-| www.885412.com-彩票一购彩大厅| www.163211.com-福彩3今天怪字神图| www.087813.com-快3彩票有猫腻吗| www.620648.com-淘金彩票登录网址| www.713166.com-彩票亿元大奖新闻| www.863068.com-泰安体彩转让信息| www.929966.com-竞彩过关方式对照表| www.991938.com-福利彩号码怎么选| www.bh65.com-易彩彩票是合法的吗| www.692667.com-乐乐彩票福彩3d| www.780758.com-快三是合法平台吗| www.877400.com-香港三色彩彩票公司| www.939230.com-福彩官方网站电脑版| www.983993.com-福彩2d故事-| www.cp5661.com-内蒙古快三购买技巧| www.ow18.com-排列三胆码家彩网| www.2tn.cc-金牛彩票体现不了| www.08836.com-鸿彩网官网-| www.488330.com-彩票大家乐邀请码| www.060563.com-福彩53-| www.54448.cc-时时彩大小赢钱方法| www.811875.com-新昌县彩烟乡下宅| www.916203.com-福利彩票店经营技巧| www.979740.com-7天彩c0-| www.2938.in-福彩三d倍投计划| www.00952.com-王牌彩票怎么玩法| www.66263.cc-排列三彩宝独胆| www.085515.com-时时彩跨度怎么算| www.192342.com-福彩天地报纸| www.287322.com-足球彩票开奖情况| www.365989.cc-彩票众购网登录| www.462244.com-黑彩挣钱-| www.553187.com-欧洲乐透彩开奖号码| www.624711.com-体育彩票网点申请| www.690903.com-手机彩票网投平台| www.820744.com-时时彩个位七码计划| www.897617.com-快易彩下载-| www.976076.com-我中啦彩票-| www.da86.com-彩神1软件下载| www.xs44.com-贵州福利彩票开店| www.12nb.com-有南京快三吗| www.76pj.com-彩票计划挂6期包赔| www.061005.com-亿彩时时彩计划网| www.161471.com-街道口附近体彩| www.237266.com-浙江体彩官方网站| www.302495.com-一定牛彩票合法吗| www.386555.com-3d彩宝贝金码| www.495313.com-彩漂液能洗羽绒服吗| www.556999.cc-28彩官网-| www.611767.com-真实的彩票代购| www.681509.com-沈阳福彩领奖地址| www.786173.com-排列三彩网-| www.851622.com-时时彩智能分析软件| www.919057.com-福彩3d杀码十专家| www.977866.cc-足彩哪里买-| www.gy12.com-百福彩下载-| www.yy33.com-云南快三-| www.21re.com-盛源彩票登录| www.0734.la-网上七星购彩靠谱吗| www.6539.cc-彩票视频开奖直播| www.15378.com-奥客网竟彩-|