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.518904.com-乐米彩票官网查封| www.633954.com-福彩双色球专家说号| www.715323.com-竞彩足球比分任9| www.791143.com-买彩票源码什么意思| www.869122.com-七星彩经-| www.936030.com-709时时分分彩票| www.994454.com-彩票倍数-| www.ak91.com-吉林市3彩票| www.wo23.cc-体彩屋合法吗| www.16wi.com-天天益彩官网| www.010.mobi-彩神平台提现| www.2208.cc-网上下载京彩app| www.268117.com-湖北快三号码预测| www.386650.com-3d家彩论坛杀号| www.513510.com-三分钟时时彩技巧| www.609064.com-体育彩票店兼复印| www.696789.com-彩票霸主骗局| www.796491.com-江苏快三加盟| www.881272.com-吉林快三开奖推荐| 亿彩彩票www.588yc.com| www.72828.cc-体彩篮球竞彩对阵表| www.28gr.com-彩票每天开售时间| www.0708.com-彩票中的ag是什么| www.8792.me-分分彩人工计划网| www.319330.com-五分彩走势图app| www.427338.com-狗万足彩-| www.557671.com-好运来彩网是个黑网| www.652844.com-下载彩贝壳app| www.773690.com-时时彩最快开奖器| www.854087.com-彩乐乐江苏快3| www.925004.com-彩6官网下载网| www.977736.com-体彩世界杯竞猜规则| www.cp728.com-我全国彩票开奖查询| www.rh67.com-时时彩做庄天天亏| www.7tx.cc-中608万彩票| www.15245.cc-福彩报纸都有哪些| www.402473.com-彩票双色球幸运奖| www.au68.com-安徽彩票快3下载| www.69bh.com-中福利彩票官网首页| www.3333.in-彩色沥青施工工艺| www.031845.com-手机彩票五选一| www.389295.com-七乐彩是什么彩票| www.552632.com-网上秒速时时彩| www.627857.com-快三复式彩票| www.727477.com-大爆奖彩票怎么样| www.275675.com-釉彩大瓶的主要成分| www.366358.com-重庆七星彩开奖结果| www.059078.com-彩票聊天室平台计划| www.44yv.com-快三怎么买对子| www.373733.com-竞彩足球网上怎么买| www.480070.com-彩云网盘官网| www.bh17.com-神州彩票是骗局吗| www.345093.com-彩八仙计划软件下载| www.445777.com-篮球竞彩网比分直播| www.571091.com-彩票开奖音乐试听| www.660013.com-彩票计划防连挂技巧| www.065229.com-乐迎彩票正规吗| www.145115.com-排3彩吧助手| www.369449.com-福建体彩聊天室现场| www.203028.com-浙江福彩网-| www.654417.com-盈彩国际是骗人的吗| www.877335.com-七乐彩杀号公式| 彩票驿站www.2350u.com| www.87711.com-彩管家最新版本下载| www.061538.com-彩客网怎样-| www.5858.live-彩票丢失别人能领吗| www.96239.cc-18130期胜负彩| www.208829.com-体彩排列三规则| www.385287.com-体彩结果查-| www.628150.com-华夏鑫彩-| www.763210.com-福利彩票骰子| www.907117.com-彩500下载快三| www.71qj.com-代理广东福彩中心| www.6307.com-彩铝门-| www.62996.com-新浪手机彩票开奖| www.mg77.com-好彩店彩票官方网站| www.47138.com-老时时彩360投注| www.727698.com-体彩大乐透直播摇奖| www.630466.com-就业肘报3d天天彩| www.767721.com-福彩宝网彩3d| www.919779.com-恒信辉煌彩票店| www.7541.vip-竞彩业主群-| www.025092.com-今日福彩开奖结果福| www.133030.com-彩色纸箱包装印刷| www.220338.com-乐彩客app下载| www.311753.com-福彩3d彩报图库| www.397913.com-昨晚开什么奖七星彩| www.553567.com-快彩屠龙什么意思| www.644835.com-9购彩票-| www.730866.com-靠谱的足彩软件| www.816257.com-268彩-| www.933105.com-彩票群炒群常用话语| 彩多多www.78949j.com| www.vh00.com-江苏体彩官方app| www.507350.com-下载亿彩快三| www.650353.com-彩虹伞的儿歌| www.869189.com-七星彩的基本走势图| www.pc1.com-如何买彩票-| www.779878.com-中彩易彩票-| www.876459.com-重庆时时彩官方网站| www.948897.com-3d福利彩票开奖号| 博乐彩票www.355911.com| www.368798.com-6701彩票www| www.477281.com-足彩单关配玩法| www.553037.com-易收米彩票-| www.670737.com-福彩3d绿色软件| www.731027.com-全国开奖新浪爱彩| www.789956.com-福彩3d夜间字迷谜| www.852659.com-足彩通阿飞-| www.901503.com-贵州快三计划软件| www.962032.com-彩涂铝板生产厂家| 大赢家彩票www.548211.com| www.53572.cc-体彩任三开奖| www.35mr.com-每周三什么彩票开奖| www.567159.com-1588彩票可靠吗| www.650391.com-彩虹伞小班-| www.742228.com-湖南省体育彩票| www.838417.com-互动彩票江苏快3| www.906571.com-安徽福彩快三主页| www.976384.com-湖南彩礼均价排名| www.cs33.com-重庆时时开奖乐彩网| www.um34.com-3d彩经网杀号定胆| www.04wc.com-竞彩网官方-| www.400.tv-福彩3d4码出2| www.5533.red-体育彩票附近销售点| www.234455.com-义乌福利彩票报名| www.332781.com-爱乐透彩票-| www.919536.com-彩票程序-| www.976338.com-郑州结婚彩礼| www.800181.com-为何不能网购彩票| www.959572.com-九号彩票提现不了| www.ps15.com-长城彩票官方版| www.054499.com-众赢彩票是骗局吗| www.7116.cc-5177彩票-| www.853313.com-民间彩票高手| www.938140.com-好彩网3d预测| www.995571.com-网上购彩软件可靠吗| www.cc69.com-鸿运彩票网合买平台| www.qd56.com-福彩七乐彩开奖结果| www.y96.cc-北京世纪中彩视频| www.50jj.com-网上投注彩票可靠吗| www.388.pw-易赢彩票会不会跑路| www.3158.tv-118时时彩官方版| www.7838.cn-高频彩票职业彩民| www.dl5.com-时时彩开奖结果奖金| www.84648.com-3d彩走势图带连线| www.504701.com-彩排的意思和造句| www.654687.com-彩宝排三开机号| www.41yz.com-14场胜负彩比分| www.0710.xyz-澳客竞彩app| www.89255.com-安全的彩票应用| www.057979.com-二鱼玩彩胆码| www.361663.com-网络彩票可以提现| www.433320.com-彩虹堂官方下载| www.512235.com-春节彩铅画-| www.568003.com-福彩8码组六| www.623253.com-3d福彩牛彩图谜| www.682632.com-高频彩票官方网站| www.767132.com-东盛彩报4版今天| www.829428.com-彩生活彩管家| www.919443.com-举报私彩有什么奖励| www.786137.com-信游娱乐购彩平台| www.838281.com-竞彩亚盘心得| www.896100.com-博彩什么叫双重机会|