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.559540.com-官方云彩宝-| www.705392.com-辽宁福彩双色球今日| www.175811.com-今天江苏快三开奖吗| www.357634.com-体彩排列5如何购买| www.554578.com-四九彩票资料共享| www.679033.com-高频彩走势图| www.883035.com-万豪国际彩票| 幸运彩票网www.33598d.com| www.823667.com-中国福彩论坛| www.949072.com-河南481网上购彩| www.bl61.com-彩站宝彩民端| www.25yq.com-是彩友-| www.380530.com-首充8元送彩金| www.373925.com-福利彩票中几个数字| www.335777.com-网络快三网络快三赌| www.862658.com-体彩体彩排列五开奖| www.974691.com-南国彩票七彩论坛| www.zt37.com-彩虹6号机票多少钱| www.929195.com-什么是网上打彩| www.uu.com-中国体彩网首页| www.394241.com-打开令天彩票| www.446767.com-优彩师怎么样| www.579228.com-福彩藏机图彩吧| www.660065.com-七星彩梦码书| www.750027.com-快三私彩-| www.825139.com-竞彩二维码扫码出票| www.900043.com-福彩开店距离| www.295252.com-手机网易彩票合法吗| www.711843.com-e彩手机版-| www.794522.com-足彩博彩-| www.cai5077.com内蒙古快三下载安装| www.wi59.com-518彩票网址大全| www.30qj.com-分分彩数据哪里来的| www.328.cm-银海彩票彩吧图库| www.5093.top-英国5分彩套路| www.158710.com-彩宝网联带走势图| www.179125.com-北京快3彩票店开奖| www.334918.com-乐彩网3地-| www.434385.com-福彩攻略-| www.519240.com-河北快三奇偶啥意思| www.581796.com-河北福利彩票中奖| www.642452.com-七乐彩开奖号码今天| www.781158.com-皇冠彩票投注平台| www.854850.com-雪圆缘足彩比分| www.914344.com-今日说法网络黑彩| www.531323.com-彩铅画教程古风男妆| www.676441.com-体彩专管员工资待遇| www.752296.com-网上彩票赚钱是真的| www.821342.com-今天彩圣字谜总汇| www.502389.com-投彩据点-| www.587790.com-a3彩色复印机租赁| www.669290.com-体彩助力全民健身| www.749609.com-罗彩-| www.632208.com-网络彩票提不了现| www.730209.com-易彩快3开奖查询| www.654863.com-菲律宾时时彩代理| www.786471.com-吉祥彩票入口| www.870416.com-安全可靠网购彩票| www.932257.com-高返点彩票平台| www.986468.com-彩票33软件安卓版| www.bq14.com-今日彩票软件| www.h69.top-多盈彩票平台app| www.35wj.com-七星彩今天试机号| www.383126.com-福彩16号开奖号| www.3293.biz-全球彩平台-| www.5oc.cc-足彩个人所得税| www.260012.com-彩票平台如何报警| www.370119.com-跳快三锻炼身体吗| www.70sp.com-巴厘岛彩票-| www.055978.com-预测河北快三出奖| www.779830.com-商场里的彩票游戏机| www.948071.com-体彩福彩开将号码| www.di97.com-分分快三豹子技巧| www.0788.me-苹果x没有原彩显示| www.09663.com-网上怎么买3d彩票| www.58196.com-乐点彩下载-| www.175755.com-手机彩票软件| www.078012.com-快三二维码下载安装| www.756712.com-体育彩票33期开奖| www.890277.com-谁有合法彩票平台| www.967998.com-彩票输钱了怎么办| www.jx66.com-彩票计算机-| www.698737.com-头彩彩票网合法吗| www.854635.com-大乐透开门彩杀号| www.961354.com-彩票数字五行属什么| www.i62.cn-彩乐网福中网49| www.8498.cc-博彩seo-| www.68832.cc-后二彩票选号神器| www.57021.com-彩播是什么直播平台| www.jp88.cc-e彩网平台-| www.869405.com-重庆试试彩龙虎代理| www.973665.com-手机福彩客户端| www.94wu.com-信嘉彩票-| www.4161.cm-彩虹无人机重量| www.9961.me-福彩多彩网字谜总汇| www.232552.com-足彩的玩法-| www.342828.com-吉利三分彩-| www.442296.com-下载福利彩票3d| www.510352.com-彩票如何平投| www.831679.com-85彩票是真的吗| www.901054.com-快3彩票贴吧| www.963224.com-竞彩足球必发的作用| 8号彩票www.81520q.com| www.219947.com-福彩好运3开奖结果| www.1950.me-福彩3d今晚怪字帖| www.8134.net-周一哪个彩票开奖| www.11kn.com-河内时时彩计划免费| www.90nt.com-体彩缩水软件手机版| www.5115.hk-天天中彩怎么买不了| www.070036.com-彩神争霸下载app| www.og27.com-皇都彩票苹果版| www.59pz.cc-竞彩投注限额| www.6660.site-山东体彩下载软件| www.29722.cc-亿彩票-| www.72800.com-吉林省福彩12选5| www.481628.com-彩票对刷平台| www.201955.cc-49彩票app下载| www.710807.com-洛神体彩店链接| www.788265.com-14中国足彩网投注| www.926377.com-五福团购彩票真假| www.981342.com-易彩手机版-| www.ru9.com-集锦福彩快三走势| www.622997.com-新浪彩票福彩3d| www.751060.com-彩虹8下载-| www.828533.com-英国彩票巨奖| www.964050.com-彩吧排三图迷第二版| 大赢家彩票www.5086x.com| www.70qp.com-注册送彩金娱乐诚| www.02co.com-七色彩虹哪几种颜色| www.066897.com-cb8彩宝网址多少| www.496170.com-足彩西西-| www.751459.com-怎样下载陶彩票| www.809459.com-三四组合中头彩| www.877546.com-五行与彩票-| www.946365.com-河南订婚彩礼多少| www.989430.com-乐彩网彩票是骗局吗| www.ae17.com-今日彩票开奖结果| www.751784.com-中彩网讨论-| www.920033.com-福彩十二选五| www.679224.com-福利彩票彩经网杀号| www.801904.com-彩票导航-| www.f99.net-彩票统计器-| www.13146.com-中彩网双色球行列图| www.37205.com-湖南体育彩票电话| www.79363.cc-快三最多买多少倍| www.815152.com-3d福彩开式号| www.948717.com-鑫彩网彩票平台| www.ep72.com-兼职中彩在线靠谱吗| www.590371.com-七星彩大奖图片大全| www.718975.com-雨后出现彩虹为什么| www.028763.com-好运快三开奖结果| www.175750.com-彩神8网址-| www.919631.com-时时彩网站创建| www.086051.com-分分彩包赚不输| www.007757.com-七乐彩除8走势图| www.578208.com-快三群名字大全| www.474477.com-彩票计划导师能信吗| www.635171.com-七彩音符快乐颂下载| www.jo84.com-官方正规的彩票软件| www.4rx.cc-双色球彩民故事| www.1302.cn-甘肃福彩快3中心| www.110460.com-福彩3d代码选号法| www.421277.com-金手指胜负彩| www.246830.com-吉林快三提前开奖|