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天

知道了
彩票256平台 www.8025.pw-天津时时采彩开奖| www.291105.com-下一期彩票预测号码| www.052013.com-福彩3d形态-| www.456336.cc-快钱彩app安全吗| www.382890.com-加盟彩票网站系统| www.73382.cc-体彩大乐透查询器| www.w66.online-时时彩一分彩规律| www.146655.com-竞彩足球360混合| www.186555.com-3分钟一期什么彩票| www.758251.com-指望中彩票还债| www.583079.com-彩票动态图片| www.675623.com-彩票33期开奖结果| www.562094.com-怎样加入彩票群| www.674022.com-国家为什么搞高频彩| www.698369.com-时时彩数字计算公式| www.960065.com-彩票注册送15| www.ip64.com-体彩官网-| www.06ij.com-黑彩怎么定罪| www.30im.com-昨天的福利彩票结果| www.987759.com-505彩票本着| www.gk29.com-中国体彩大乐透预测| www.261915.com-大陆平台彩票送彩金| www.068585.com-支付宝可以买彩票吗| www.37378.cc-棋牌游戏注册送彩金| www.901159.com-怎样能看中国体彩报| www.cp1252.com-快三倍投盈利表图片| www.877707.com-香港1997彩票| www.su07.com-时时彩五星稳定条件| www.c25.club-乐亿彩票-| www.700440.com-怎么下载快三走势图| www.797713.com-足彩新浪比分直播| www.876479.com-米兜彩票app下载| www.986460.com-竞彩足球预测网站| www.am46.com-快三半顺是什么样的| www.qy19.com-11选5彩票平台| www.066068.com-海南七星彩自己下单| www.017970.com-天天彩票投资赚钱| www.8685.cc-快三限号表-| www.97915.com-pk彩世界下载| www.419889.com-赢彩票平台安全吗| www.96202.com-福彩双色球几元一注| www.83bd.com-喝彩中华最新一期| www.14960.com-福彩团队-| www.041516.com-多彩贵州是国企吗| www.907092.com-福利彩票号-| www.ab42.com-上海快三遗漏号码| www.603277.com-天齐网福彩三d字谜| www.97dj.cc-彩排彩的意思| www.868572.com-七星彩和值-| 易盈彩票www.7793e.com| www.up15.com-爱快三彩票-| www.72vp.com-足彩任九投注计算表| www.2604.shop-福彩复式结果| www.7877.top-快三庄家怎么赚钱| www.22957.com-九九集团彩票网站| www.0213.biz-荣耀彩票线路导航| www.17816.cc-万国彩票登陆| www.055362.com-福利彩票下载app| www.1007.xyz-福彩领导-| www.270237.com-彩票主任是什么梗| www.027519.com-彩色生活照图片| www.k94.com-两元彩票网走势图| www.505.red-保定体彩中奖规则| www.536825.com-中国彩票查询下载| www.880015.com-喜乐彩彩控-| www.982375.com-香港时时彩开奖查询| www.aa75.com-时时彩平台出租| www.qp75.cc-责任彩票的理念| www.o40.club-中彩啦是不是真的| www.50ar.com-香港竞彩高手谈心得| www.469938.com-私彩不怕查-| www.83259.com-福彩3d有高手吗| www.8982.top-彩票天天选四开奖| www.132975.com-豪彩娱乐app| www.55em.com-城云路彩票站| www.2447.vip-及时开彩下载| www.02594.com-福彩吧靠谱不| www.yl17.com-正规网上彩票投注站| www.32tk.com-够力七星彩排列五| www.208.com-盛丰彩票-| www.571040.com-搜神传好彩妹| www.654583.com-排列五属于什么彩票| www.749778.com-全民彩票走势图| www.810041.com-体育彩票如何办理| www.876469.com-福利彩票里不能提现| www.937500.com-韩磊为内蒙喝彩| www.983489.com-彩9彩票下载| www.cp2768.com-福利快三开奖结果| www.699227.com-休彩排三试机| www.805852.com-中国体彩种类| www.876615.cc-中奖概率最高的彩票| www.936080.com-博彩漏洞套利违法吗| www.982509.com-万达时时彩平台注册| www.du14.com-新快三游戏手机版| www.wl39.cc-中福快三开奖历史| www.10vi.com-彩铅画动漫人物简单| www.98rq.com-彩票事件杀人| www.677842.com-易彩堂开挂器下载| www.786683.com-极速3d彩票破解| www.924343.com-辽宁极速快三开奖| 爱彩乐www.343918.com| www.qb33.com-新彩票软件-| www.19ou.com-泰安彩票店转让信息| www.1528.cm-通辽体彩发行中心| www.8749.biz-七星彩梦码书| www.58083.com-境外足球彩票app| www.029183.com-大乐透购彩-| www.651565.com-彩票玩什么最稳| www.751984.com-彩拾app怎么下载| www.59448.com-彩铅画星空教程| www.038967.com-中国福利彩票交流群| www.206235.com-乐盈彩票黑平台| www.621032.com-牛彩3d字谜汇总| www.703718.com-推广博彩话术| www.822699.com-排列三开机号利彩网| www.120433.com-广西褔利彩票官网| www.299040.com-广西福利彩快3| www.484931.com-支付宝不让买彩票了| www.737027.com-新加坡2分彩骗局| www.881743.com-01彩票是真还是假| www.999034.com-今天福彩3d老虎图| www.wf81.com-彩票开奖结果查询表| www.75083.com-彩票是属于哪种行业| www.250108.com-505彩票是骗局吗| www.405810.com-全国彩礼最高的省份| www.341512.com-福彩3d两天计划| www.162313.com-100彩票下载| www.552915.com-盈彩网开奖号| www.470468.com-乐彩网福彩折线图| www.712502.com-万人彩票app| www.820638.com-七星彩棺材码| www.929989.com-幸运财神彩票机漏洞| 众彩www.981060.com| www.42cz.com-七彩球开什么号码| www.ed60.com-百信彩票靠谱吗| www.s89.space-新彩网字谜汇总| www.qz07.com-玩快三为什么会输钱| www.87ex.com-小白彩票老版本| www.501172.com-迷彩倒计时软件下载| www.391901.com-天鲸娱乐彩票| www.799126.com-大发快三走势一览表| www.094490.com-3d麦久彩票网| www.246870.com-上海中国体育彩票| www.525931.com-8k彩票作弊器| www.971666.com-高频彩开奖查询结果| www.yl08.com-松原快三开奖结果| www.xg47.cc-福彩三d走势图带连| www.266053.com-福彩快三复式投注表| www.532839.com-体彩7星彩按顺序吗| www.227675.com-福彩网一分快三技巧| www.54160.com-菲律宾博彩推广| www.705526.com-彩票领奖带银行卡吗| www.88ad.cc-009彩票销售中心| www.30918.com-彩45最新地址| www.zz94.cc-牛牛彩彩票-| www.939056.com-杨震足彩新浪博客| www.220061.com-吉林快三豹子遗漏| www.663859.com-七星彩论坛8o8| www.010136.com-淘彩是骗局揭秘| www.85tt.com-让彩票站代打彩票| www.4478.vip-下载11选5彩票| www.494002.com-u9彩票可靠不| www.886314.com-素描彩铅画图片大全| www.84vz.com-梦想团队彩票计划|