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.35420.com-哪个彩票软件好| www.86094.com-博兴彩涂印花板| www.071442.com-2019竞彩店-| www.152248.com-彩民社-| www.254030.com-808彩彩票网| www.331129.com-彩神app在哪下载| www.409639.com-海南彩票政策| www.523997.com-北欧十分彩开奖结果| www.636979.com-直播源地址彩虹| www.721196.com-青青海快三开奖结果| www.127417.com-竞彩足彩彩客网| www.290019.com-中国福利彩票奖金| www.378592.com-彩乐园彩票大师| www.523913.com-淘宝彩票软件下载| www.698861.com-彩铅手绘图片| www.849977.com-飞彩比分体育网| www.961647.com-彩票一般买哪种| www.644566.com-腾讯分分彩平刷方法| www.812733.com-福彩3d中奖秘籍| www.09170.com-微信彩票竞彩夹娃娃| www.925689.com-彩富内莫资料大全| www.998631.com-香港快三是官方的吗| www.kk33.cc-青海3d快三福彩网| www.n62.cc-买彩票窍门-| www.3ah.com-nba体彩外围网站| www.172311.com-十一多乐彩-| www.45701.com-app中华彩票| www.190990.com-内蒙快三早知道| www.329385.com-福利彩票下注| www.487898.com-贵州快三计划群| www.668438.com-网上买那个彩票靠谱| www.899193.com-福彩江苏-| www.zo85.com-竞彩我输了60万| www.9248.loan-乐聚彩票官方网站| www.073478.com-宏发彩票的网址| www.228867.com-广东好彩1怎么买| www.008314.com-肥城彩票一等奖得住| www.208234.com-用ip代玩彩票套路| www.395312.com-今天福彩3d的号码| www.609261.com-旧版彩客网客户端| www.050959.com-彩票时时彩骗局揭秘| www.35659.com-竞彩冠亚军玩法| www.089368.com-台北天地快三真假| www.242977.com-手机买彩票哪个靠谱| www.525238.com-体彩大乐透新玩法| www.682821.com-中国体彩3d走势图| www.546163.com-锋彩直播app官方| www.815672.com-香港今日彩报| www.61733.cc-七星彩杀头十专家| www.286224.com-精英彩票资料| www.211443.com-天天彩选四历史开奖| www.390258.com-买彩票被骗了怎么办| www.617670.com-快三刷分器-| www.789807.com-竞彩独家-| www.984225.com-3d字迷新彩网| www.v79.shop-拉萨体彩中心在哪| www.182782.com-北京今天快三| www.96ng.com-体彩超出限号| www.075255.com-彩6采票app-| www.0990.loan-彩票应该怎么选数字| www.ku34.com-凤凰彩票每天赚几百| www.194639.com-3d福彩走势图| www.821819.com-手机彩票投注在哪下| www.921227.com-福彩3d什么叫跨度| www.dj53.cc-彩票的最新消息| www.6449.pw-33彩票是谁超控| www.85028.com-随州福利彩票| www.080713.com-中信彩-| www.786733.com-百胜快三是不是骗局| www.966323.com-快三大小合理倍投| www.11786.cc-泰国的彩票怎么查| www.76856.com-新浪竞彩2串1推荐| www.626838.com-过完年彩票几号开售| www.713140.com-41彩票网官网| www.804785.com-lgbt彩虹旗图片| www.883199.com-重庆高中生买彩票| www.996776.com-博友彩注册邀请码| www.003789.com-彩之源一分快三漏洞| www.110909.com-二人生日彩票| www.209805.com-大发快三害了多少人| www.862075.com-幸运彩票正版app| www.7859.org-足彩过滤技巧| www.45595.com-彩薇花化妆品评价| www.851331.com-时时彩最稳根几期| www.939296.com-单场足彩胜负彩玩法| www.38936.cc-中彩彩票一分合三| www.027162.com-网络体育彩票停售| www.249876.com-手机大彩网-| www.062696.com-彩票开奖结果最新| www.986637.com-体彩合值表-| www.kt21.com-内蒙古快三结果查询| www.932012.com-卖福利彩票怎么提成| www.161641.com-中国体育彩票店铺| www.728771.com-辽宁福彩中心网| www.44410.com-永城彩票-| www.053711.com-足彩竞彩投注| www.83oh.com-彩票做号软件腾龙| www.4230.win-网易红彩竞彩专家| www.15231.cc-彩吧论址首页| www.76568.cc-穷大叔中彩票| www.835825.com-一举成名赢彩知| www.965168.cc-中华彩票邀请码图片| www.dw99.com-福彩3d贴吧论坛| www.2901.cc-辽宁极速快三| www.25111.com-彩铅画专业用书| www.e60.top-七彩奖晚上开奖时间| www.304234.com-澳洲彩票计划软件| www.07mt.com-728彩票规律| www.356224.com-体彩今日开奖彩宝貝| www.155143.com-传统足彩任九怎么玩| www.282243.com-重庆五分彩开彩结果| www.409511.com-今天彩票来奖结果| www.79916.cc-福彩刮刮乐中金条| www.1hd.cc-乐彩网账号-| www.50666.cc-手机博彩作弊软件| www.377361.com-917彩票游戏| www.xp43.com-19020七星彩| www.66313.com-彩票赊账销售违法吗| www.wu54.com-彩18彩票-| www.217102.com-快彩官方网站| www.635728.com-广西福彩电子投注单| www.739522.com-中华彩票代玩兼职| www.806583.com-32期福彩-| www.873410.com-为什么限制体育彩票| 旺旺彩票www.464499.com| www.855862.com-七乐彩买十个号中5| www.954297.com-时时彩中奖助手苹果| www.gm2.com-福彩3d预测金码| www.5dm.com-彩乃奈奈种子mp4| www.z08.cn-大猿口算数福彩| www.018665.com-体彩e球彩频道| www.184422.com-新浪足球彩票| www.332967.com-腾讯彩票分分彩| www.249368.com-手机11选5彩网| www.36989.cc-彩票首次注册送18| www.92923.cc-微信福彩电子投注单| www.817608.com-快三自动计划软件| www.020312.com-晋城福利彩票转让| www.845933.com-私彩破案-| www.903250.com-彩票开奖公告大全x| www.5478.pw-彩虹六号搞笑视频| www.26to.com-买彩票赔了几十万| www.2317.me-彩票中上亿真的假的| www.27496.com-网上彩票破解| www.605361.com-彩晶膜厂家批发| www.698889.com-初学者简单的彩铅画| www.772518.com-內蒙时时彩开奖结果| www.852952.com-福利彩票预测158| www.912076.com-私彩犯法-| www.965579.com-网络彩票不给提款| 杏彩www.00840e.com| www.135332.com-体育彩票专业版| www.326952.com-澳门5分彩开奖图| www.860762.com-好彩双爆珠蓝莓| www.512636.com-秋天的景色彩铅画| www.638681.com-福彩3d公益开机号| www.763006.com-温州彩票店开到几点| www.874026.com-极速快三开奖走势| www.mv72.com-汇彩网app-| www.38nb.com-七星彩怎么算| www.132.cx-彩虹??的含义| www.122039.com-易彩堂官方下载| www.461274.com-体彩种类介绍及图片| www.518798.com-彩票中奖51亿|