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.64io.com-福彩三d之家结果| www.895049.com-网络快开彩合法吗| www.975354.com-多盈彩票手机版登录| www.cp6669.cc-北京快三是什么彩票| www.262643.com-吉林福彩时时彩走势| www.03qv.com-1分快三在哪里玩| www.522896.com-时时彩十大代理平台| www.718236.com-彩库宝典新开奖结果| www.864399.com-新彩吧彩票网| www.347901.com-福彩双色球奖金规则| www.858402.com-重庆时时彩今天暂停| www.959843.com-手机购彩是犯法的吗| www.6776.xyz-足彩14場比分直播| www.do00.com-数字彩票有规律么| www.ys85.com-兴平体彩-| www.js16.com-王者彩票诈骗手法| www.936464.com-彩客彩票310下载| www.72720.cc-福彩3d开奖统果| www.727098.com-乐彩网是真的| www.798466.com-盛世彩票入口| www.877298.com-买彩票几点结束| www.65696.cc-快三对子最多开几期| www.034976.com-神彩争霸软件下载| www.188262.com-快三爱彩乐官网| www.132057.com-18065期足彩| www.269520.com-福彩3d造假吗| www.552659.com-彩彩网8.5邀请码| www.661232.com-时时彩网站骗术| www.757104.com-创富彩票安全吗| www.480026.com-众彩网程远专家杀号| www.625717.cc-高兴彩票官网app| www.625411.com-1998彩票app| www.9130.in-彩壹万平台手机版| www.873611.com-c760彩票好乐多| 500万彩票www.868176.com| www.04ja.com-彩铅怎么画星空| www.28dq.com-彩票开奖结果491| www.320940.com-七星彩票中奖号| www.091339.com-河南周口定亲和彩礼| www.886316.com-彩铅画图片大全风景| www.979316.com-福彩票开奖号码| www.16io.com-k彩app登录-| www.83zb.com-鸿鼎彩票官网| www.1769.cc-彩票平台刷流水风险| www.fv93.com-北京快三最大遗漏值| www.874607.com-关于彩票的赌博种类| 彩票坊www.476669.com| www.817086.com-国外彩票官网| www.94599.cc-竞彩足球计划软件| www.306599.com-福彩3d走势连线图| www.398517.com-七星彩一次可买几期| www.894372.com-49am彩票平台| www.oj48.com-吉林市申请彩票站| www.7ys.com-大红鹰彩票登录地址| www.327848.com-福彩3d实战宝典| www.439925.com-重庆时时彩长龙提醒| www.540504.com-福彩4-| www.657184.com-福彩3d太湖走势图| www.996796.com-体彩小珍独胆专家准| www.hp49.com-竞彩足球app推荐| www.v21.org-金彩网靠谱吗| www.58oc.com-欠款用中彩票还了| www.976544.com-七乐彩领奖-| www.190233.com-那个快三彩票网能玩| www.8691.com-彩票開獎查詢結果| www.987339.com-汇彩网登录网址| www.ga82.com-河北福彩排列七开奖| www.70hj.com-7k彩平台中心| www.321554.com-南国彩票论坛图规一| www.804346.com-广州体彩十一选五| www.899747.com-彩票主管-| www.984812.com-天天好彩下载| www.eg5.com-彩票app下载快三| www.re33.com-河南跑马彩票走势图| www.04tu.com-幸运彩票v1-| www.80dn.com-博彩行业招聘| www.1787.top-高频彩有合法的吗| www.819666.cc-易中彩票哪里下| www.892946.com-全民彩官网-| www.954130.com-福建爱彩乐走势图| 网易彩票www.26163y.com| www.234728.com-上海快三基本走势图| www.045278.com-幸运彩基本走势图| www.166977.com-福彩五分快三是什么| www.317058.com-318彩票平台| www.10646.com-澳客网彩票比分| www.115271.com-体彩顶呱刮运20| www.278496.com-正规彩票网投平台| www.490369.com-金口诀测彩票| www.111137.com-体育彩哪年发行的| www.208659.com-湖北老快三走势图| www.311466.com-休彩甘肃11选5| www.69179.com-在淘宝买彩票怎么买| www.236996.com-浙江体彩中心| www.7388.me-竞彩网上怎么投注| www.728502.com-大连市体彩中心电话| www.898438.com-竞彩店主自己刷返点| www.077921.com-够力七星彩奖表图| www.270588.com-彩票app1.0-| www.2929.tv-兰州体彩兑奖地址| www.59xl.com-香港十分彩玩法| www.388732.com-谷歌分分彩开奖原理| www.841970.com-全天五分彩-| www.998395.com-北京彩票站转让个人| www.d09.cc-下载青蛙彩票网站| www.0394.net-7彩票开奖-| www.2200.online福利彩票快乐三分| www.359935.com-一注彩票全中多少钱| www.608379.com-福利彩票71-| www.055853.com-富彩网是正规网站么| www.77445.cc-数字型彩票投注技巧| www.38003.com-老版八亿彩app| www.946583.com-河南商丘夏邑彩礼| www.392812.com-彩铅画海贼王| www.605046.com-香港新港彩官方网| www.011235.com-彩票平台互刷的漏洞| www.831215.com-足彩3月对阵表| www.377085.com-结婚因为彩礼闹矛盾| www.484826.com-国彩技术-| www.558771.com-七色彩虹寓意是什么| www.qw97.com-时时彩送彩金团队| www.65xj.com-千禧彩票9955| www.609038.com-万彩彩票怎么样| www.678633.com-福利彩票3d彩图| www.737950.com-快三稳定盈利| www.798256.com-中国体育彩票6等| www.884634.com-彩票走势图怎样分析| www.966781.com-燕赵福彩网官网下载| 幸运彩票www.luck887.com| www.728887.com-京东彩票是什么意思| www.oy8.com-19022七星彩| www.09fo.com-投诉体彩中心电话| www.404520.com-大白菜彩铅画教程| www.5475.me-彩虹世界下载安装| www.56040.com-9彩网-| www.882960.com-头奖彩票惊人骗局| www.ih19.com-138彩票手机版| www.118885.com-快三诈骗-| www.554301.com-官方高频彩开奖网站| www.nj38.com-湖北快三精准计划群| www.590217.com-竞彩足球买法| www.681816.cc-吉林快三所有号图片| www.293458.com-河南快三开奖时间| www.067725.com-彩票软件制作教程| www.39363.cc-犀牛彩票网址| www.9706.org-亚博彩票快三| www.967379.com-彩票群违规-| www.ho5.com-高频彩合买-| www.xa43.com-福彩和值走势图| www.335167.com-lg传统彩票网站| www.235397.com-广东福彩微信公众号| www.316765.com-彩票兑奖查询| www.173317.com-吉林快三平台搭建| www.288280.com-彩票屠龙计划客户端| www.385861.com-中彩票的段子| www.537828.cc-意大利色彩岛| www.619984.com-竞彩盘口分析技巧| www.680162.com-彩票每日首存送彩金| www.753268.com-天天中彩吧图库| www.831537.com-竞彩实体店销量下滑| www.502398.com-江节体彩七位数预测| www.332655.com-668彩票网手机版| www.406899.com-宁波体彩能兑奖吗| www.5719.live-福彩新3d漏洞|