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天

知道了
106官网彩票平台 www.465779.com-福彩的开机号是多少| www.223265.com-彩票大发快三合法嘛| www.16144.com-微信群的快三靠谱吗| www.61012.com-体彩七星彩开奖日期| www.092216.com-金利彩票网平台黑吗| www.222124.com-七星彩4个头4个尾| www.332889.com-河南福彩网幸运之门| www.487633.com-正规福利彩票盈利| www.587962.com-苹果彩票网线路入| www.133.org-夸人帅气的彩虹屁| www.4811.cm-手机福利彩票网| www.844161.com-福彩中心改制吗| www.099095.com-中彩那天教案| www.66336.com-京东计划彩-| www.8126.net-福彩3d几点结束| www.55um.com-福利彩票10| www.980307.com-下载买彩-| www.27274.com-体彩单场胜负投注| www.cai9234.com河北快三开奖查询| www.41mm.com-万福彩票官网| www.7629.top-荣耀国际彩票| www.087754.com-亚洲会彩票官方网站| www.213349.com-快三歌曲-| www.671430.com-河南农村彩礼法| www.819963.com-合肥彩票兑奖在哪里| www.026549.com-苹果手机博彩app| www.185638.com-福彩工作人员骗局| www.293350.com-青岛福利彩票电话| www.502407.com-小投彩-| www.602489.com-安全信誉好的彩票网| www.700681.com-彩票通app下载| www.801237.com-966官方彩票下载| www.xt99.cc-彩票每期买多少合适| www.pj84.cc-彩票如何赚钱| www.16rc.com-尼彩手机二手| www.329.in-德晋彩票欺诈| www.5517.cn-身为一道彩虹歌词| www.751731.com-500娱乐彩票下载| www.94nz.com-彩票机使用方法| www.130893.com-内蒙古福彩票| www.214029.com-彩神争8下载最新版| www.304322.com-澳门快三-| www.255981.com-双色球中彩网下载| www.m36.bid-凤凰彩票有几个| www.1835.wang-彩富网香港正板| www.79963.cc-快三566得多少| www.66385.com-体育彩票竞彩店图片| www.423813.com-重庆私私彩开奖| www.604809.com-掌中宝彩票-| www.746811.com-台湾五分彩app| www.rw11.com-国家福彩中心地址| www.66ae.com-彩票搞笑图片带字| www.973221.com-儿歌彩虹岛mp3| www.lx2.com-分分快三计划网站| www.qt61.com-澳门时时彩有官网| www.6988.bid-七彩网络查分数| www.431353.com-亚盘足彩研究| www.209944.com-伯爵彩票登录网站| www.293635.com-苏州福彩3d开奖号| www.362520.com-雨后彩虹的形成神话| www.532679.com-有关彩虹的唯美句子| www.4514.win-足球彩票停售时间| www.990264.com-福利彩票几个数| www.sg77.com-辉煌彩票正不正规| www.416539.com-彩虹七号的视频| www.687023.com-长沙体彩中心电| www.797660.com-芒果彩票app下载| www.878875.com-福彩3d百度大全| www.al91.com-夠力七星彩-| www.25bz.com-713彩票-| www.99721.cc-c6、.com彩票| www.602368.com-彩票平台提现不出来| www.682828.com-分分彩大小单双玩法| www.767829.com-中彩网是干嘛的| www.829271.com-澳洲幸运10彩| www.896119.com-洛阳彩票合买| www.969616.com-足球竞彩比赛结果| 凤凰彩票www.312012.com| www.498.in-登录时时彩网站| www.rn02.com-彩之源app邀请码| www.69xe.com-8828彩票输钱| www.4573.cc-玩彩票亏损-| www.948522.com-下载旺彩-| www.266335.com-乐彩图表-| www.364879.com-360购彩中心| www.1337.hk-网彩属于赌博吗| www.221537.com-彩票今晚开什么| www.699569.com-哪种彩票最容易中奖| www.33967.com-彩票回血上岸经验| www.1365.in-阿里彩票和云霁科技| www.3893.com-好彩票怎么下注| www.120181.com-彩票开奖-| www.25863.cc-聚彩彩票主管| www.057121.com-快三和值表图| www.199808.com-河北福彩三-| www.13199.cc-常州福利彩票双色球| www.52511.cc-聊天老是说她买彩票| www.85522.com-台湾彩虹眷村| www.059222.com-福彩快3怎么算中奖| www.147896.com-夭下彩免资料大全| www.392344.com-彩铅画明星图片| www.551878.com-快开彩开奖-| www.831020.com-77彩票网址大全| www.942097.com-170彩票最新| www.gp22.cc-新疆喜乐彩开奖公告| www.42je.com-彩神怎样提现| www.7180.biz-七彩娱乐云南麻将| www.202686.com-彩31-| www.911592.com-乐彩神邀请码| www.cp2234.com-uu快三投注规律| www.381351.com-7乐彩开奖今天今天| www.1fd.cc-怎样分析彩票买法| www.991318.com-彩票126期-| www.54gi.com-大象彩票提现安全| www.669188.com-华人美国彩票中奖| www.15fr.com-彩虹10飞机-| www.wz8.com-武汉宜昌快三| www.579242.com-青蛙彩票一首页| www.875417.com-福建彩票双色球规则| www.48365.cc-体彩十一运夺金开奖| www.040116.com-经典彩app-| www.250513.com-中彩彩票中福快三| www.376853.com-彩票店怎么装修好| www.429167.com-利彩怎么会样| www.095454.cc-浙江十一选五爱乐彩| 网易彩票www.073wy.com| www.078189.com-七星彩中奖规则明细| www.145655.com-山东群英会百宝彩票| www.603375.com-彩票选六中五保五| www.8715.xyz-昨天内蒙快三| www.230935.com-免费彩票网址大全| www.106094.com-从彩网-| www.665439.com-正德体彩店下载| www.856292.com-免费彩票中奖指南| www.979641.com-七天彩票真的假的| www.091110.com-快三怎么刷流水赚钱| www.87vz.com-彩虹鱼的特点| www.848483.com-竞彩网足球推荐| www.424946.com-青岛七彩云南| www.m13.org-彩51彩票下载安装| www.53761.cc-客彩票-| www.633441.com-买彩票有什么窍门| www.778570.com-彩61官方下载| www.902828.com-彩帝彩票客服平台| www.958521.com-福彩官网能买彩票吗| www.996469.com-新新粤彩-| www.bm98.cc-易网彩票下载安装| www.rm72.com-彩票的走势如何看| www.x38.bid-时时彩胆码计算公式| www.7268.top-彩虹六号妖怪冲击波| www.65119.cc-竞彩网nba-| www.023654.com-七乐彩截止时间| www.142317.com-淘彩票网的骗局揭秘| www.809658.com-f彩网可信吗| www.583322.com-汇彩网登录注册| www.qi72.com-丰彩彩票官方网站| www.32iv.com-陇彩宝海报-| www.mj56.com-好彩烟东北有卖吗| 500彩票www.504377.com| www.45803.com-福彩快三官网走势图| www.047118.com-荣耀彩票app下载| www.237058.com-足彩胜负彩计算器| www.011076.com-中国体彩手机在线| www.4252.cm-7彩彩票怎么赚钱|