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.6225.biz-控彩-| www.110233.com-爱彩乐注册要收费吗| www.840088.com-电脑彩正版八肖图| www.281018.com-时时彩包胆计划技巧| www.388622.com-人民网彩票牌照| www.518311.com-浙江福彩网站| www.601246.com-大发快三历史走势| www.693395.com-体彩手机在线客户端| www.389308.com-堆彩葫芦的工艺流程| www.589820.com-买足彩在哪读买| www.748134.com-49cc彩票下载| www.845645.com-竞猜型彩票怎么注册| www.967495.com-安微快三万能走势图| www.qk70.com-中原彩票网-| www.522672.com-5oo足球彩票| www.97me.com-福彩3d大全部| www.847121.com-体彩大乐透八等奖| www.965083.com-时时彩大群-| www.al64.com-5分快三全天计划网| www.01ps.com-河北快三走势图预测| www.498172.com-01平台网上彩票| www.780451.com-需要彩票代玩工作| www.620561.com-世界彩票发展历史| www.789264.com-足彩坑钱-| www.948385.com-体彩中奖助手下载| www.or45.com-地方彩票开奖公告| www.995.win-三彩彩票官网网址| www.8671.wang-查福彩3d开奖| www.184638.com-福彩快三北京| www.748289.com-彩中彩书-| www.827588.com-彩民网网址平台| 百姓彩票www.bxcp3.com| www.6nf.com-中国十大彩票牛人| www.9510.vip-彩钢板一吨有多少米| www.ku07.com-上海福彩集中账户| www.53em.com-伪造假彩票兑换| www.3858.biz-七星彩前四位研究| www.10452.com-足彩爱彩新浪竟彩| www.57861.cc-幸运彩票网真的吗| www.117816.com-体彩开奖规则和奖金| www.xq41.com-彩777彩票网| www.920975.com-中国福彩网上购买| www.jk03.com-河南快三官网| www.39wl.com-云南结婚彩礼多少钱| www.750087.com-彩手机版-| www.89388.com-下载500购彩| www.456007.com-彩票至尊宝典下载| www.618546.com-体育彩票难做| www.760514.com-西安三彩集团怎么样| www.896104.com-哪个彩票合买群靠谱| www.796458.com-新论体彩-| www.fw66.com-下载河南快三走势图| www.987478.com-乐米彩票中过大奖吗| www.58080.cc-迪士尼彩乐园ii| www.007752.com-澳客彩票官网下载| www.899166.com-公用彩票数据接口| www.575881.com-6288彩票平台| www.104327.com-彩票全能计划| www.b98.cc-彩投网-| www.77ef.com-爱彩乐11选五浙江| www.2322.cm-好彩香烟味道怎么样| www.8887.in-竞彩最多几串1| www.932747.com-那个软件可以买快三| 幸运彩票www.672166.com| www.897209.com-彩票快3最长的龙| www.985869.com-快频彩票软件下载| www.035024.com-岚科彩票网-| www.1881.hk-分分彩投注-| www.952994.com-彩票网下载-| www.627538.com-迅盈彩票30元截图| www.632078.com-竞彩比分神单| www.225328.com-福彩快三有规律吗| www.31195.cc-上海快三走势一百度| www.766477.com-彩客网ck投注平台| www.53466.cc-香港八卦幺机彩| www.075379.com-中彩网骗人吗| www.981137.com-彩票合买代购软件| www.339193.com-史上最高彩票| www.gw4.cc-淘彩票大发快3开挂| www.03056.com-买彩倾家-| www.57988.com-360彩票预测网| www.952081.com-加拿大28彩票| www.cai8011.com新手怎么买体育彩票| www.358645.com-美国的彩票玩法| www.35ss.com-福彩3d怪图今天| www.476933.com-彩经网杀号汇总| www.285526.com-520彩票官方网站| www.98309.com-中国体育竞彩比分| www.0281.org-彩票站的效益| www.01062.com-湖北快三是什么样的| www.45245.com-安徽体彩佣金| www.185571.com-江苏彩票快3官方| www.237746.com-中国竞彩网计算器胜| www.331905.com-彩票对压赚返金| www.402168.com-85彩票网靠谱吗| www.159080.com-博瑞彩票平台| www.250301.com-红彩彩票官网| www.328899.com-糖果派对彩金中奖图| www.411620.com-竞彩推荐在哪里靠谱| www.508107.com-彩宝app苹果版| www.587528.com-八一彩票-| www.653852.com-彩票和投资的关系| www.729388.com-万博彩票注册| www.793106.com-玩福彩快三能赚钱吗| www.862510.com-彩票杨光华著作| www.911815.com-快开型彩票-| www.967759.com-福利彩票结果查询| 500彩票www.51515g.com| www.25604.com-彩票平台刷水| www.08351.com-卖彩票经典广告词| www.035656.com-最经典的彩票宣传语| www.140691.com-吉林快三和值尾跨度| www.012466.com-彩经网河北快三开奖| www.981892.com-新彩彩票注册送18| www.sw22.com-彩票老师带人可信吗| www.73sm.com-彩民乐大乐透字谜图| www.63284.com-足彩18088-| www.058635.com-3d东盛彩报今天| www.96ms.com-哪个彩票送彩金| www.8451.shop-买什么彩票稳赚不赔| www.am68.cc-福彩3d胆拖投注表| www.173183.com-福彩5d直选开奖号| www.77564.com-竞彩串规则-| www.565189.com-今天的彩吧图第一版| www.402488.com-足彩二串一猜对比分| www.317014.com-湖北快三和值跨度变| www.105148.com-有什么好的彩票软件| www.010395.com-彩票怎么中大奖呢| www.125518.com-福彩概率奥秘| www.209663.com-吉林快三盘在哪买| www.3006.cc-005彩票官网| www.11044.com-360足球彩票混合| www.253435.com-快三计划群是真的吗| www.41515.com-彩影免注册版| www.d57.top-彩票规律神器| www.cb87.com-快三怎样玩才能赚钱| www.465707.com-临汾市古建彩绘公司| www.561801.com-鴻彩直播-| www.635189.com-104彩票下载| www.355025.com-怎样看彩票是否中奖| www.486633.com-足彩对冲套利| www.159774.com-网上购买足彩app| www.215600.com-彩票号码共有几位数| www.636668.cc-重庆十字彩开奖结果| www.709608.com-彩票网站打不开咋办| www.791955.com-明日彩票预测系统| www.857119.com-一分快三的技巧| www.901211.com-快三买法稳赚不赔| www.950489.com-必中彩票软件网| 500万彩票www.39500j.com| www.131539.com-利彩开奖排列三| www.199701.com-体彩481开奖视频| www.682282.com-微信国际彩票| www.233643.com-今日彩奖头条| www.322044.com-亚博科技阿里彩票| www.218762.com-大发快三返点怎么算| www.187886.com-快三跨度什么意思| www.316616.com-300w彩票网平台| www.03np.com-体育彩票网吧| www.876439.com-快三彩票是福利彩票| www.32ga.com-看一下体育彩票| www.43em.com-篮彩预测分析| www.174.cc-e彩堂app-| www.352639.com-55彩票送礼金|