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天

知道了
大发快3 www.770700.com-3d福彩论坛| www.893365.com-七乐彩手机选号| www.966099.com-山东福利彩票app| www.ct5.com-分分快三是否真的| www.25275.cc-安徽体彩网招聘| www.801855.com-体彩代销证编号查询| www.67fw.com-福彩乐彩走势图| www.08378.cc-加微信、拉人玩彩票| www.30089.com-北京时时彩骗局揭秘| www.772465.com-时时彩根本不可能赢| www.859947.com-微微彩票是真是假| www.62bw.com-时时彩开售时间规则| www.06694.com-双彩论坛字谜最大| www.99755.com-巨人彩票app| www.090526.com-111彩票网-| www.08802.com-福彩可以網上投注嗎| www.81848.cc-时时彩五码遗漏| www.002367.com-新浪彩票八宝饭预测| www.086132.com-聚宝理财五分彩票| www.041777.com-彩票最长的龙有几个| www.029278.com-谁知道传奇彩票网址| www.88904.com-光彩票-| www.905987.com-福建省福彩兑奖流程| 500彩票网www.903019.com| www.042699.com-福彩3d的宣传标语| www.oa03.com-福彩3d图谜总汇九| www.0ui.com-中国足彩直播吧| www.204723.com-江西快三怎么投注| 凤凰彩票www.66652f.com| www.118039.com-时时彩技巧电子书| www.311606.com-福彩10分钟规则| www.505647.com-长沙市福利彩票公司| www.666610.com-国家彩票培训师| www.ry75.com-财神彩票app| www.090872.com-彩票中奖内幕秘密| www.501449.com-易彩真的假的| www.577563.com-今晚有七星彩吗| www.520.tm-时时彩超级缩水| www.6069.net-福彩3d技法大全| www.144182.com-竞彩足球赔率抓平局| www.015118.com-彩民在线频道山东| www.120361.com-神彩通金码关注码| www.204887.com-快3彩票平台可靠吗| www.286550.com-彩票预测算号软件| www.366675.com-彩铅可以调色吗| www.463324.com-p3彩吧助手试机号| www.559109.com-地方彩开奖地| www.976247.com-49彩票集团网站| www.uj68.com-中国彩票的真实性| www.lu65.com-网上玩快三会有事吗| www.59ro.com-体育彩票放开| www.1440.cc-大家赢彩票骗局| www.19974.com-河南福彩幸运一| www.726773.com-玩彩票wcpcc下| www.835976.com-1元丰彩-| www.923969.com-怎么退出四亿彩票| www.982188.com-福彩3d官网新彩网| www.me7.com-福彩七乐彩-| www.cp5685.com-五分快三是哪开奖| www.uw99.cc-q彩网站网址| www.39jp.com-彩神v丨-| www.0951.date-快三长龙预知软件| www.7489.cn-够力七星彩开奖软件| www.23899.cc-网络彩票网站案例| www.67378.com-启明彩票团队| www.025856.com-一分快三计算器| www.119342.com-兼职福彩是真的吗| www.287182.com-购买足彩-| www.360752.com-幸运星座彩票app| www.287266.com-安徽快三骗局| www.380718.com-辽宁快三平台| www.677990.com-意彩足球比分直播| www.765900.com-喜盈盈彩票网| www.bw94.com-快三二同号最大遗漏| www.o58.com-购物送彩票违法吗| www.68dw.com-彩票怎么防伪| www.2777.net-河北体彩几点开奖| www.527562.com-时时彩和值怎么算| www.63ov.com-彩票追投软件| www.817671.com-福客来彩票软件| www.bv9.com-71彩下载-| www.0000.red-福彩是要几位数| www.52gj.cc-无锡最新彩礼| www.1933.tv-黑客彩票-| www.8750.org-休彩开奖号码| www.49200.com-爱乐彩湖北十一选五| www.338850.com-优彩交流社区| www.603621.com-675彩票网-| www.053813.com-世界杯足彩如何分析| www.906899.com-百乐门极速快三| www.885290.com-今期七星彩开奖结果| www.911321.com-下载k彩app-| 中彩网www.91233o.com| www.51kb.cc-种彩360-| www.475618.com-彩票平台o2o| www.877720.com-为啥有人做私彩代理| www.05007.com-中彩在线论坛| www.979412.com-百年好彩原味铁盒| www.722134.com-体彩门头制作规范| 尊彩会www.zch4.com| www.3gj.com-下载京彩7515| www.521195.com-彩神通代理安卓版| www.693876.com-三d彩票贴吧| www.813916.com-九州彩票网址谁有| www.947213.com-福彩lxh888-| www.v70.online-熊猫在线彩票平台| www.583199.com-日本全彩污漫画| www.861283.com-河北快三怎么看号码| www.974611.com-众彩彩票怎么注册| www.he71.com-易网彩票手机版| www.24ms.com-钢化彩膜是什么| www.723572.com-镇江体彩怎么申请| www.159400.com-3d走势图88爱彩| www.607120.com-福利彩票几点截止| www.951134.com-京彩学校事件| www.w70.top-伦敦两分彩开奖| www.9144.in-七乐彩机选号码投注| www.97qo.com-注册送彩金彩票网站| www.380655.com-江苏体彩大乐透论坛| www.626000.com-天天购彩票官方网站| www.639942.com-东方彩官方下载| www.652306.com-澳门正版老鼠彩报| www.581611.com-吉林快三杀号定胆| www.696335.com-乐米彩票官网平台| www.948509.com-体彩福利-| www.pc64.com-网上快三输钱| www.335110.com-河北快三黑红号预测| www.808447.com-体彩排列三走试机号| www.58jp.com-海南彩票193期| www.46673.com-时时彩宝典软件下载| www.oe76.com-彩票走势图新浪爱彩| www.rq53.com-一分快三有啥平台| www.xq53.com-买彩票选号难吗| www.225591.com-有英国时时彩吗| www.354901.com-福建彩票大奖排行榜| www.568207.com-体育彩票官方网热线| www.822185.com-5oo彩票网下载| www.959453.com-彩图库大全-| www.510427.com-彩虹屁英语-| www.36845.com-酷彩官网下载安装| www.qn86.com-福彩快三有赢的吗| www.450044.com-博亚彩票下载| www.582350.com-现代彩票下载| www.951322.com-奥客网彩票网| www.a71.club-玩时时彩的经历| www.591600.com-彩票app澳门永利| www.853634.com-重庆时时福利彩票| www.5280.site-腾讯分分彩后三胆码| www.54448.cc-时时彩大小赢钱方法| www.319601.com-93彩票官网3| www.047048.com-彩票号码生成器原理| www.oi39.com-天津快三开奖查询| www.83et.com-彩印基础包资费| www.289998.com-3d字谜牛彩网彩| www.464625.com-六开彩什么玩| www.1722.org-手机官网买彩票| www.755991.com-彩票出票后请核对| www.846586.com-民政部彩票杀人| www.45af.com-网上彩票代理商| www.842780.com-福彩5元刮刮乐类型| www.906692.com-福彩快三规律走势图| www.974714.com-彩票中奖收税| www.nj0.com-快三遗漏数据查询| www.209753.com-伯爵国际彩票|