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天

知道了
亚洲28 www.11736.com-大连体彩机转让信息| www.029803.com-彩霸王论坛-| www.861155.com-五分⑥和彩在哪里下| www.977494.com-潘多拉彩妆怎么样| www.pb42.com-快三几分钟开一次| www.413.in-金博在线彩票怎么样| www.22060.com-北京500万彩票网| www.019236.com-彩票兑奖器-| www.110009.com-王牌彩票网-| www.189834.com-分分快三计划数据| www.446519.com-足彩半全场开奖| www.608313.com-彩票跨度分析| www.748370.com-517m5彩票注册| www.859957.com-彩票平台软件出租| www.2933.com-一定牛吉林快三走势| www.27070.cc-彩票数字之间的规律| www.98653.com-国外彩票怎么开奖| www.116328.com-吐彩虹是什么意思| www.500237.com-体彩公司靠谱吗| www.611640.com-彩票投注软件哪个好| www.597575.com-网易彩票app| www.738199.com-金彩网挣钱是真的么| www.845334.com-互娱彩票作弊器| www.927116.com-彩票网快3-| www.984523.com-手机福彩自动选号器| www.63362.com-足彩胜负推荐| www.094546.com-福彩3d在线计划| www.248000.com-苹果版彩神通下载| www.392992.com-彩票3d昨晚出的多| 趣彩网www.qucw1.com| www.887806.com-足彩精算师必看书籍| www.731946.com-大乐透走势图爱彩人| www.7653.top-体育彩票门头材质| www.327827.com-立彩彩票推荐号准吗| www.759135.com-彩薇花化妆品| www.750021.com-七星彩中奖赔率| www.871549.com-湖北福利彩票抉3| www.961946.com-三彩家-| www.ty7.com-体彩开奖结果排列三| www.cai6833.com河南省快三开奖结果| www.254265.com-快三一天最多输多少| www.72286.com-好易自助终端彩票| www.238289.com-皇都彩票安卓版| www.372449.com-55125彩吧-| www.74995.com-彩铅荷花起稿| www.062151.com-大发彩票是真的吗| www.48748.com-87彩票客户端下载| www.162315.com-200彩票-| www.246950.cc-体彩大乐透中奖概率| www.327266.com-49彩票平台软件| www.95tm.com-万富彩票app| www.79ov.com-河北体彩网中奖查询| www.7448.com-上海开彩票加盟店| www.491555.com-重庆体彩排列三| www.nz97.com-宁夏福彩快三选号| www.397950.com-0165彩票真假| www.22259.com-时时彩9码一期计划| www.30800.cc-万博彩票注册| www.0402.org-彩票大赢家排列五| www.276251.com-彩票大小走势怎么看| www.492790.com-快乐彩输了2000| www.946792.com-蓝宇彩钢围挡| 七星乐www.535666e.com| www.sh98.cc-彩票96期-| www.h07.top-排三列走势图彩宝网| www.3491.com-博彩全部网站| www.451021.com-福利彩票害死人| www.560189.com-体育彩票三d试机号| www.654190.com-福彩3d十位走势图| www.736967.com-彩票代打下注兼职| www.810181.com-彩票屏幕-| www.885307.com-彩票计划吧-| www.957275.com-盈宝彩注册-| 彩票5www.364616.com| www.282.cn-彩票系统云创| www.jv57.com-人人彩票可信吗| www.uq1.cc-ai预测彩票-| www.yt93.com-奇门测彩票特殊号码| www.854428.com-时时彩单双必中规律| www.xh89.com-7彩娱乐注册| www.541884.com-彩票十一选五规则| www.872969.com-彩票时时彩后三| www.021085.com-老谢说彩白马彩票| www.xd05.com-618彩票网-| www.37wi.com-七星彩规律软件大全| www.681.website黑彩刷流水赚百万| www.3704.cc-随州福彩社区| www.8855.pro-能打印的彩票表格| www.48789.com-足球在哪买竞彩| www.002106.com-安徽福彩快三跨度表| www.5868.online彩票赌大小反倍投法| www.424055.com-三国杀张星彩技能| www.800408.com-657彩票网正规吗| www.904469.com-大发快三客服电话| www.966674.com-五和彩下载-| www.cai2020.com北京快三跨度一定牛| www.61256.cc-11选5旺彩助手| www.531259.com-时时彩违法吗| www.661270.com-福利彩票法定代表人| www.8800.vip-网上分分彩投注规律| www.14552.com-七星乐彩票玩法| www.18693.com-256彩票苹果版| www.69805.com-海南省福利彩票官网| www.1hx.cc-亚朵网时时彩合法吗| www.314409.com-中国福彩3d规则| www.736575.com-上海时时彩-| www.830478.com-深圳福彩中心网站| www.938325.com-七星彩杀号开门彩| www.lq35.com-中彩网可以买彩票了| www.60278.com-大发分分快三软件| www.930391.com-杭州福彩快三| www.984957.com-北京时时彩停售时间| www.ny1.com-彩票知识技巧大全| www.mn45.com-利用时时彩漏洞赚钱| www.qm12.com-博牛彩票安装| www.709675.com-达芬奇密码彩票图表| www.786376.com-六选一彩票大赢家| og--吉林体彩快3| www.41212.com-福彩3d杀组合绝招| www.017608.com-蜀国星彩-| www.082671.com-2018彩票政策| www.x77.top-篮彩篮彩推荐| www.249.in-天津福彩快乐十分钟| www.814244.com-国际福利彩有规律吗| www.957242.com-分分彩手机自动挂机| www.05fo.com-福彩苏会文3d预测| www.2799.top-好彩头平台可靠吗| www.11637.com-彩票乐乐-| www.aw63.com-牛彩字谜总汇| www.748118.com-福彩3d最新中奖号| www.983803.com-聚财神是正规彩票吗| www.jp43.com-五分彩怎么看规律| www.e45.cc-凤凰彩票怎么提现| www.076621.com-足彩四场进球彩| www.63303.com-体彩排5带连线图| www.049542.com-体彩7星彩怎么玩| www.141674.com-今日福彩3d无名图| www.028441.com-重庆福彩快-| www.124447.com-福彩三d试机号儿| www.188221.com-体彩481近30期| www.261957.com-吉林市快三黑彩| www.335382.com-网罗爱彩双色球| www.611792.com-农信网银福利彩票| www.8414.cc-爱彩乐11选5旧版| www.211299.com-福州快三多少期| www.3870.org-星彩网网址多少| www.56qz.com-富彩彩票邀请码| www.802314.com-福彩3d开奖给果| www.883231.com-什么是快开彩票| www.948985.com-国彩网址-| 百姓彩票www.bxcp3.com| www.qj5.com-大马彩票开成绩| www.889549.com-全民汇彩票app| www.953514.com-竞彩奖金怎么计算| 彩票驿站www.2350d.com| www.cs03.cc-老快三360-| www.vf59.com-体彩十一选五江苏| www.9032.org-时时彩服务器租用| www.46585.cc-甘肃好彩快三走势图| www.34ff.com-彩票摇摇机-| www.066.tv-新利彩票网注册| www.kt15.com-华彩网快三-| www.05pq.com-新年快乐幼儿彩铅画| www.750620.com-中彩助手-|