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天

知道了
北京快乐8 www.81978.com-美国彩票网-| www.088878.com-彩票导师带计划| www.33615.com-网络时时彩诈骗案| www.hb75.com-快三三军玩法机率| www.p76.net-九亿彩票可提现金额| www.0145.top-彩色的开头造句| www.275946.com-广西快三作弊| www.539487.com-彩票平投是怎么回事| www.712025.com-齐鲁风采七乐彩软件| www.923795.com-大快发3彩票必中| www.990373.com-买彩票中大奖的数字| www.lq74.com-腾讯一分彩计划软件| www.045.site-电脑彩票收藏价格| www.610295.com-油性彩铅上色教程| www.759320.com-大中华彩票推荐| www.852201.com-最牛的彩票专家软件| www.78639.cc-天天好彩944cc| www.191813.com-湖北快三预测豹子| www.309129.com-qq群买彩票赚钱| www.307567.com-派彩啥意思-| www.501833.com-k彩上级不给分红| www.804231.com-体彩大乐透买法| www.15pr.com-分手彩礼要给男方么| www.1699.top-好彩一预测与分析| www.597177.com-人人快三开奖查询| www.pw94.com-v10彩票app-| www.98718.cc-七星彩众彩网| www.087807.com-极速3d彩票-| www.318849.com-江西福彩3d开奖| www.807899.com-中国体彩直播现场| www.0638.cc-七星彩时间-| www.8893.in-竞彩为什么只能串关| www.477737.com-乐喜彩票是骗子吗| www.789141.com-足彩推荐老鬼看盘| www.33513.cc-排3最准凤彩网| www.713342.com-福彩3d有没有造假| www.1182.pw-大富彩票网靠谱吗| www.33170.com-微信上快频彩的| www.098196.com-国彩网登录-| www.950387.com-105彩票网安全不| www.a18.org-久久彩票app下载| www.5615.top-彩票开奖41-| www.052015.com-重庆时时彩龙虎口诀| www.778005.com-怎么登录汇彩网| www.879176.com-在线彩票缩水过滤| www.954572.com-浙江体育彩票6加1| 大赢家彩票www.354811.com| www.456881.com-时时彩飞艇直播| www.557536.com-中双色球彩票大奖| www.625327.com-大乐透新浪爱彩| www.696616.com-台湾时时彩官网| www.773793.com-福彩三地试机号金马| www.858637.com-彩神幸运飞艇安卓| www.972222.com-福建彩票36选7| www.gd6.cc-河南福彩22迭5走| www.st73.com-重庆时时彩稳定盈利| www.07zu.com-浙江体彩开奖时间| www.84oc.com-北控京彩与福彩合作| www.ti95.com-36o彩票网-| www.5619.xyz-体彩出奖11选5| www.225961.com-天天中彩票网络骗局| www.381352.com-用微信买实体店彩票| www.680957.com-中福彩票安全吗| www.92ry.com-鼎丰彩票真的假的| www.161357.com-快三红号大全| www.894465.com-拍照查询彩票中奖| www.171919.com-精彩十分走势| www.307608.com-快三倍投技巧回血| www.878708.com-江西省体育彩票| www.961147.com-竞彩网一定牛| 亚洲彩www.68568l.com| www.214.in-天津时时彩快乐十分| www.181878.com-彩中彩下载-| www.08207.com-长沙体彩兑奖地址| www.217990.com-易彩彩票软件| www.668858.com-14场胜负彩一等奖| www.772431.com-菲律宾博彩推广| www.864738.com-人人中彩票官网地址| www.952986.com-九州彩彩票-| www.cai567.cc-福建今日快三| www.sr33.com-极速快三免费计划| www.32tu.com-体彩十一选五吉林| www.163064.com-福彩排列三走势结果| www.441070.com-梦奖七星彩查码| www.444642.com-贵州福彩快3技巧| www.791819.com-广西快三和值表| www.000510.com-微信时时彩怎么坐庄| www.717230.com-世界名画彩铅画| www.866690.cc-陇彩宝app下载| www.953057.com-快三红号有哪些号| www.cp1110.com-湖北快三网页计划| www.1gm.com-网络彩票靠谱的| www.456638.com-全天澳门时时彩| www.7js.com-大庆新村彩票站出兑| www.045675.com-体彩申请书范文| www.41393.com-体彩三d开奖领钱| www.4830.vip-足彩怎么买法| www.13533.cc-足彩复式投注计算表| www.773364.com-竟彩心得经验| www.581219.com-篮球彩票外围网站| www.866593.com-什么彩票星期三开奖| www.974535.com-彩运来网址-| www.59pl.com-体彩兼营店什么意思| www.50pj.cc-哪里下载足彩软件| www.cp056.com-多乐彩投注-| www.sq52.com-六给彩票玩法| www.09jg.com-雅雅彩票-| www.74hi.com-幸运彩票违法吗| www.380365.cc-鲁豫有约彩票视频| www.586930.com-福彩3d南方正版| www.21pj.cc-潍坊福彩中心| www.951934.com-台湾乐透彩开奖记录| www.pn78.com-500彩票比分直播| www.65za.com-198彩总代官方| www.402344.com-快三导师微信号| www.64nd.com-三地彩经-| www.944508.com-新浪爱彩比分| www.994510.com-重庆肘时彩开奖直播| www.du78.com-单机快三游戏下载| www.xr36.com-买彩票该怎么说| www.65490.com-手机炫彩-| www.067168.com-彩票77是黑彩吗| www.947562.com-彩票王成周采访视频| www.cp7226.com-快三输钱了怎么办| www.041218.com-买彩票能中大奖真相| www.201918.com-福彩助手绑定站点| www.35430.com-彩神通破解版| www.890211.com-快三最新开奖结果| www.91184.com-日本版好彩-| www.227998.com-彩票开奖大乐透玩法| www.302045.com-海南体彩南国论坛| www.064456.com-黑客黑私彩-| www.ga67.com-酷彩吧官网| www.13hn.com-体彩排3排5走势图| www.368345.com-明月七星彩怀孕番外| www.508810.com-7星彩机选-| www.8396.pw-体彩泳池夺金玩法| www.91908.com-好彩代表什么生肖| www.098686.com-彩投抢红包-| www.uk67.com-地方彩票开奖| www.mz90.com-破解彩票思路| www.te67.com-吉林快三买大小单双| www.0179.tv-福彩机组-| www.747009.com-购云彩票-| 大赢家彩票www.599849.com| www.005463.com-体彩三十一选期开奖| www.147600.com-爱迷彩倒计时下载| www.977777.cc-彩色压模地坪价格| www.045896.com-下载彩83平台| www.f16.in-快三实用选号技巧| www.806216.com-金牌98c彩票网址| www.870195.com-双色球彩票下载| www.929025.com-众赢国际彩票有托吗| www.984218.com-福彩3d研究-| www.yh2.com-七乐大发快三| www.ya47.com-韩国金山快三多少期| www.923.live-福利彩8官网| www.4510.vip-昨天足彩结果查询| www.78542.com-49gcc特彩吧| www.051138.com-彩票合买中奖| www.027365.com-一分彩app-| www.759265.com-七乐彩开奖公告结果| www.861993.com-福利彩票店转让合肥| www.933939.com-彩票托的经历|