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天

知道了
羊彩网 500彩票www.50064m.com| www.xt89.com-又想买彩票了| www.36qn.com-昨天的开奖号码福彩| www.2754.cc-爱乐彩网页-| www.9130.vip-查看七乐彩历史记录| www.60304.com-开发黑彩-| www.026292.com-谁有中华彩票邀请码| www.113270.com-福彩3d多彩网字谜| www.197869.com-快彩助手官网| www.284966.com-彩票发展-| www.419702.com-富盈彩票-| www.529688.com-体彩在哪看开奖直播| www.626551.com-乐彩网在线选号| www.711781.com-足彩开奖结果走势| www.801384.com-猫咪彩票真的假的| www.884386.com-福彩天牛图库| www.999797.cc-香港彩民网-| www.am68.cc-福彩3d胆拖投注表| www.ue27.com-四川体彩金七乐| www.13dk.com-伯乐彩票app| www.89yn.com-彩漂可以去油渍吗| www.3060.top-微彩排列五长条| www.9050.biz-精准头尾王七星彩| www.78175.com-中国福彩3d图纸| www.034887.com-青岛市福利彩票中心| www.139472.com-彩玉海棠图片| www.222904.com-一分钟快三倍投计划| www.306436.com-668彩票网合法吗| www.382583.com-现在有什么购彩软件| www.545038.com-福彩丹东全图总汇八| www.639330.com-七星彩今天开奖直播| www.736006.com-中彩票的手纹| www.811910.com-银川彩票领奖地方| www.891343.com-关于彩票的英语句子| www.964262.com-竞彩足球预则| 大赢家彩票平台www.810619.com| www.kn12.com-大型彩票网投平台| www.n19.cc-彩票走势软件下载| www.52xs.com-高频彩缩水器| www.0544.cn-彩票481属于什么| www.9784.cc-七星彩中奖7注| www.55401.com-各彩种开奖网| www.003362.com-彩票大家玩-| www.077125.com-新彩吧图库-| www.151567.com-红旗彩票正规吗| www.276244.com-福彩中奖几率| www.368048.com-巨乳美彩芽全集观看| www.469820.com-中国怎么买美国彩票| www.559255.com-包头福彩网点| www.633109.com-竞彩推荐焦点篮球| www.713059.com-吉林快三案-| www.794654.cc-快三开奖规则和奖金| www.872991.com-秋业说彩专栏| www.ev64.com-旺彩预测-| www.xk52.com-2006年福彩和值| www.22jc.com-足彩14场中奖晒图| www.797.hk-新浪网体彩和其他| www.5069.cm-网上停售彩票| www.07374.com-玩高频彩的技巧| www.53450.com-彩虹e台直播源地址| www.003604.com-怎么在店里买彩票| www.074443.com-金彩网是真的吗| www.144002.com-重庆实时彩下载安装| www.222208.com-彩票计划网页大全| www.299983.com-怎么预测彩票的走势| www.374883.com-好彩高手-| www.595607.com-彩票序列号-| www.669048.com-七星彩中了6位| www.747472.com-环彩网又改名了| www.821761.com-彩圣字迷今天| www.893286.com-彩票大师手机版| www.954448.com-香港马牛蛙彩票图库| 大钱庄彩票www.dqz6.com| www.ck94.com-网上彩票骗局| www.ts32.com-合买彩票群-| www.04ua.com-竞彩滚球漏洞| www.74wn.com-买彩票加注-| www.1380.net-快三回血计划| www.09578.com-专业玩彩网站| www.53915.com-时时彩后三混选计划| www.99367.cc-竞彩官网网址| www.066135.com-统一彩票官网| www.131901.com-2018平阴彩礼| www.208666.com-吉林快三豹子规律| www.281531.com-我福利彩票3d查询| www.446954.com-今晚竞彩比赛直播| www.538328.com-w8彩票-| www.640520.com-新浪爱彩是黑彩吗| www.739062.com-腾讯分分彩平刷计划| www.801289.com-彩猫彩票老版本| www.874133.com-福彩第二版-| www.977491.com-世界杯足彩预测| www.ch27.com-三分快三能玩么| www.um02.com-快三內蒙-| www.04ov.com-竞彩网官方网站| www.74hk.cc-九九彩票害人| www.1131.in-竞彩停赛了怎么算| www.9847.vip-古建彩绘图案大全| www.51222.cc-鑫彩国际怎么样| www.93398.cc-足彩怎么排除平局| www.052419.com-雅彩彩票-| www.151513.com-中彩网里怎样买彩票| www.234778.com-3d彩票之家-| www.311138.com-福彩3d走开奖结果| www.376009.com-安徽体彩中心负责人| www.518147.com-体彩大乐透谜语| www.583664.com-彩票局势-| www.653942.com-ll彩票网址-| www.811314.com-彩票王软件-| www.880812.com-福利彩票机器人区域| www.964790.com-分分彩1期计划| 快彩网www.kc88y.com| www.fj81.com-湖北快三专家推荐| www.vr79.com-安徽快三二维码| www.07wk.com-大海落日的彩铅画| www.73ib.com-彩票工具—今日运势| www.1045.cn-彩票亿万大奖小说| www.00259.cc-安徽省七乐彩兑奖| www.52017.cc-天津时时彩爱彩乐| www.92643.com-澳洲男子彩票全中| www.048342.com-福彩7乐彩开奖公告| www.144220.com-竞彩三串一加奖| www.230113.com-彩票132苹果| www.298737.com-七星彩小说-| www.362606.com-为什么没人买彩票了| www.443174.com-今天双彩球开奖结果| www.529310.com-排列三家彩网| www.653267.com-天空彩票幻彩门户| www.733676.com-体彩顶呱刮中奖秘诀| www.800483.com-快三二同号多少钱| www.869983.com-彩票k线图安卓| www.953242.com-广东南粤风采好彩一| www.990647.com-e球彩助手手机版| www.cp78.com-体彩快3开奖结果| www.jn24.com-彩票平台凤凰| www.zl69.com-福彩17500字谜| www.18ib.com-天天首充彩票彩金| www.611.la-时时彩改版-| www.3782.com-体育彩票掌游彩| www.8700.vip-七星彩中奖对比查询| www.50701.com-篮球彩票怎么买玩法| www.88927.com-澳门足球博彩开奖| www.035040.com-乐彩神app现在| www.133743.com-500mvp彩票-| www.201576.com-河北快三儿-| www.267028.com-下载中国福利彩票站| www.367168.com-100冲100彩金| www.449190.com-转个彩票站多少钱| www.529857.com-投彩网-| www.624199.com-豪彩投是什么意思| www.687638.com-天天中彩票双色球| www.760133.com-买彩票提成多少| www.863586.com-彩票数据怎样分析| www.920008.com-彩名堂ios更新| www.971886.com-福彩三第开奖号| www.dp89.com-吉林快三遗漏号| www.sn00.cc-中国竞彩首页| www.03zu.com-北京市足彩兑奖| www.64jq.com-众彩赚钱是真的吗| www.851.cc-百度彩票公告开奖| www.4029.biz-新粤彩报纸在线看| www.8643.biz-众乐彩票网合法吗| www.59169.com-福彩三d和值| www.005459.com-牛逼彩票app|