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.788160.com-365足彩软件| www.07499.com-分分彩自动挂机软件| www.77251.cc-玩彩票可以赚钱吗| www.070490.com-彩票365官网老版| www.35683.cc-福彩3d豹子-| www.99349.com-竞彩网怎么作弊的| www.593782.com-体彩七位数中奖4位| www.699055.com-少儿卡通狗彩铅画| www.787911.com-彩客网指数比分直播| www.867922.com-海南七星彩论坛精选| www.949683.com-福彩三d奖-| 彩之家www.21czj.com| www.365364.cc-漳州体育彩票店转让| www.82149.com-唯彩会彩票开奖直播| www.355124.com-彩票中奖率是多少| www.492928.com-爱彩人双色球走势图| www.584897.com-三b彩报-| www.662602.com-重庆时时采彩怎么买| www.736308.com-彩票输了怎么回血| www.806002.com-风云计划中华彩票| www.878065.com-快三视频-| www.972831.com-日彩网1分快3| www.fo6.cc-一分钟时时彩骗局| www.wp60.com-256买彩票安卓版| www.lm23.com-搜狗彩票提不了现| www.333620.com-3d彩票怎么看| www.466338.com-平台秒秒彩中奖规律| www.x19.biz-家里人迷上买彩票| www.0253.xyz-时时彩后三稳定做号| www.13788.com-彩世界走势计划软件| www.70290.com-福彩快二都是哪里有| www.052375.com-休闲快三第四套| www.297215.com-乐购彩票平台合法吗| www.397302.com-竞彩模拟投注平台| www.554723.com-福彩八仙过海组合| www.657244.com-福彩3d打票机界面| www.770142.com-好彩投下载安装| www.846454.com-时时彩海南私彩玩法| www.920553.com-35彩-| www.987644.com-小米官网彩票代购| www.402455.com-七星彩打4码怎么看| www.90903.com-8亿彩票苹果版| www.068912.com-湖北福彩快3下载| www.883130.com-多彩投怎么算收益| www.975597.com-七星彩包码月月赚钱| www.224545.cc-彩神之霸ll-| www.876794.com-彩票的分类和玩法| www.nn41.com-竞彩外围app| www.612837.com-d8彩-| www.290715.com-兴安盟体育彩票| www.96702.com-博纳彩票是骗子吗| www.088069.com-亿彩彩票app登录| www.199199.com-上海福彩时时乐开奖| www.540240.com-彩乐园3app-| www.824739.com-聚丰彩票网站| www.931623.com-计划彩票老师带单| www.52940.com-竞彩篮球大小分规则| www.068379.com-gg彩票计划网| www.875088.com-彩票258下载| www.974069.com-福彩3d专家彩友吧| www.gq24.com-郑州彩色包装公司| www.77ay.com-易彩票漏洞赚钱| www.882297.com-中福快三彩票平台| www.949214.com-3d彩票太湖图迷| www.994425.cc-北京28微彩被骗| www.dn06.com-彩票大乐透社区| www.xc72.com-中国福彩最新政策| www.169357.com-快三怎么玩赚钱| www.046177.com-体彩旗舰店申请书| www.362393.com-彩票撕掉了一个角| www.469570.com-开彩票站五行属什么| www.440429.com-345彩票注册送| www.591228.com-体彩排列期开奖时间| www.670261.com-狂欢彩票香港49| www.733977.com-山东体彩扑克3技巧| www.796906.com-彩票中奖走奇门下载| www.877271.com-上海快三和值预测| www.971782.com-快捷彩票网投可靠吗| www.cp7698.com-彩票系统破解| www.7002.vip-体育彩票的优惠| www.227558.com-众彩app下载| www.974695.com-七星彩精选论坛| www.se30.com-新浪时时彩图| www.9261.biz-彩95的网址-| www.729832.com-彩票中巨奖的人| www.wk6.cc-澳洲5分彩开奖结果| www.3yn.com-山西彩快乐十分钟| www.9836.biz-图书古建彩绘纹样| www.vj3.com-华人彩平台可信吗| www.t20.online-玩网上彩票怎么拉人| www.0942.cc-怎样玩转内蒙古福彩| www.46665.com-时时彩赌番摊| www.87067.com-98娱乐彩票网| www.229544.com-彩票下级返点8| www.0090.net-带彩的网名-| www.060191.com-快三走势怎么看大小| www.55ey.com-周一是体彩还是福彩| www.529.live-时时彩量刑-| www.59236.cc-福彩3d今天的讲座| www.027633.com-体彩31选7-| www.189606.com-新99彩吧字谜图谜| www.36292.cc-中国福彩双包球| www.121733.com-网上时时彩怎么举报| www.778142.com-同志软件彩乐| www.108457.com-福彩新彩吧手机版| www.047.pw-彩票收藏图-| www.6658.xyz-体彩18043期| www.36762.cc-福彩和足彩区别| www.137635.com-创富彩票是真的吗| www.5743.top-体彩选号规则| www.20475.cc-足彩胜负彩即时比分| www.9665.xyz-彩礼1万-| www.82258.cc-足彩19031分析| www.050606.com-彩票指南今日报纸| www.518377.com-大发快三大小推算| www.948079.com-怎么加盟福利彩票店| www.17zu.com-体彩大乐透历史同期| www.1458.vip-彩铅画卡通小动物| www.83791.com-成都彩票兑换地点| www.096686.com-福彩神牛预测| www.962130.com-彩票全天单期计划| www.dr8.cc-一定牛彩票湖北快3| www.xn95.com-派彩走势图官网| www.31qw.com-彩虹合唱团合唱谱| www.689.net-重庆时时彩对子预测| www.4334.net-淼鑫彩票app| www.745906.com-3d质合走势大彩| www.239899.com-买大小彩票的平台| www.96184.com-福彩一等奖领取流程| www.118308.com-福彩快3有什么规律| www.713.website国际彩票诈骗| www.8921.biz-彩票拉人方法大全| www.53201.com-彩票55安卓版| www.92114.com-免费资料大全牛蛙彩| www.044246.com-7星彩专家预测新浪| www.111966.com-京go娱乐是彩票吗| www.62fi.com-中国福利彩票谁开的| www.220301.com-聚彩彩票app下载| www.286696.com-福彩快3走势图武汉| www.350062.com-为什么喜欢彩票| www.398844.com-彩运来登录线路检测| www.885198.com-睛予众彩七星彩预测| www.456164.com-3d彩报图谜-| www.075888.cc-买2块彩票中多少钱| www.00827.com-万彩吧双色球玄机图| www.71526.cc-彩20彩票投注| www.76bc.com-丰汇稳彩-| www.8328.in-七星彩心灵码仙今天| www.521430.com-福彩3d计算器直选| www.537020.com-彩票店主网名| www.639927.com-广东东方亮彩精密| www.74179.com-怎样选彩票-| www.041299.com-八八彩票注册| www.ic41.com-快三彩票群-| www.3da.com-仲博是黑彩吗可靠吗| www.83pj.com-支付宝扫码兑彩票| www.3025.biz-新体彩号码-| www.05581.com-义乌福利彩票| www.6539.biz-九号彩票qq群| www.60258.com-福彩3d绝对布衣3| 顶级娱乐www.767198.com| www.0764.cc-河北彩票中奖故事| www.21242.com-手机体育彩票中奖图| www.99425.com-佛教彩票咒-|