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.039369.com-华彩彩票是怎么事| www.180231.com-福利彩票字谜汇总| www.250027.com-购彩大平台-| www.42fa.com-唯彩看球预测完整包| www.072608.com-三个骰子的彩票| www.218510.com-快三属于正规开奖吗| www.293208.com-体彩481杀号公式| www.377948.com-体育彩票机额度| www.482321.com-有一个买彩票叫诺亚| www.568459.com-秒秒彩开奖原理| www.661797.com-竞彩比分2串1中奖| www.oq63.com-7k彩票-| www.03ce.com-双色球爱彩浪走势图| www.37531.cc-立彩快三-| www.576934.com-福利彩升奖-| www.729871.com-购彩助手有什么用| www.388398.com-心同彩票平台| www.j82.me-新彩吧3d总汇| www.58wz.com-体育彩票投注客户端| www.1307.space-苹果彩票网站| www.8371.biz-原版福星七星彩| www.31821.cc-彩票梦想专用| www.76695.cc-福彩直播间下载安装| www.059809.com-三地家彩论坛| www.128439.com-福彩官方网-| www.200967.com-7星彩近500期| www.273697.com-福彩今天开奖信息| www.358085.com-软彩纸-| www.486453.com-足彩什么是拉力| www.565236.com-体彩怎么看开奖| www.631092.com-怎么算足彩中奖| www.696983.cc-新宝彩票下载安装| www.771030.com-北京五分时时彩| www.876483.com-领航彩票源码| www.944569.com-什么彩票三分钟一期| www.992252.com-时时彩定位胆经验| www.sm8.com-时彩稳赚不赔公式| www.oz28.com-福利彩票排7| www.s66.wang-桂林快三走势图| www.53zv.com-2008年彩票大奖| www.731.tv-香港九龙彩票网| www.5676.xyz-取消高频彩-| www.6281.loan-新郑市福利彩票中心| www.49869.com-足彩咖-| www.785819.com-最新最快七星彩画板| www.9480.me-福建福彩中心在哪里| www.149249.com-福彩29选七-| www.877520.com-一分钱可以玩的彩票| www.0413.org-苹果手机正规彩票| www.63012.com-易彩宝app-| www.110971.com-吉林快三最多连多少| www.301760.com-体育彩票481走势| www.656525.com-澳门合法的博彩公司| www.934409.com-博乐快彩app| www.ul8.com-彩票开奖七乐彩| www.71se.com-杭州恒彩装饰设计师| www.73389.cc-彩圣免费资料大全| www.127246.com-彩铅画入门-| www.331039.com-彩神通关注码对应码| www.600209.com-博雅彩票可信吗| www.988081.com-腾讯天天中彩吧| www.jh58.com-彩客站邀请码| www.11db.com-中国足彩馆踩踏论坛| www.5446.xyz-辽宁省福利彩票兑奖| www.616825.com-彩天堂账号注册| www.788208.com-竞彩一些规律| www.833.live-今日体彩的开奖号码| www.340398.com-黑白图库一期期好彩| www.553027.com-高手网彩票大全| www.yz8.cc-快3彩票规则| www.383008.com-福彩在线破解| www.6622.date-苹果什么软件买彩票| www.589327.com-竞彩网开奖现场| www.249000.com-购彩app哪个好| www.18175.cc-足彩复式投注| www.062219.com-万彩网骗局-| www.02cp.com-天空彩图库大全| www.04mr.com-陆慧明今日竞彩推荐| www.0200.top-中国有哪些高频彩| www.029935.com-呼市体彩中心地址| www.262068.com-今天福体彩开奖| www.7995.win-早教彩虹伞亲子游戏| www.ba99.com-快三图片跨度图片| www.024762.com-江西省体彩网| 全民乐彩票www.2934g.com| www.555694.com-彩票11内蒙古| www.672.cm-时时彩组三怎么看啊| www.40684.com-分分彩外挂-| www.2922.in-极速快三怎样买赚钱| www.001074.com-福利彩几位数| www.253721.com-五分时时彩官方网站| www.331501.com-中国体彩排列三图迷| www.069410.com-命中中彩双色球预测| www.24ua.com-凤城十二路有彩票店| www.04fp.com-v9彩票注册-| www.907063.com-六位数彩票一直开的| www.zb47.com-乐彩33下载-| www.2388.in-体彩票最新开奖公告| www.505849.com-网上购彩盈利| www.698437.com-彩库宝典官方版下载| www.090278.com-分分彩出号规律技巧| www.576029.com-v8彩票彩票官网| www.7283.loan-儿歌彩虹-| www.522323.com-250计划时时彩| www.586988.com-卓易彩票中了一等奖| www.865441.com-彩票频道123| www.140339.com-彩票对刷套利| www.721909.com-美国彩票破解| www.97340.com-彩票三d数字图| www.110307.com-福彩一分钟开奖| www.597135.com-福彩3d大小是什么| www.198896.com-快乐彩下载安装| www.762643.com-中国福利彩票彩报图| www.654436.com-万博彩票一抢红包| www.cc10.cc-湖北新快三开奖结果| www.9208.org-上海彩票店利润多少| www.230699.com-彩运8是个什么平台| www.225781.com-福彩3d辽宁真人| www.372787.com-118彩票官网下载| www.476601.com-双色球牛彩专家杀号| www.969147.com-天天彩票网靠谱吗| www.wy03.com-520彩票网-| www.cp102.cc-彩票过滤软件| www.572327.com-今天3d天天彩报| www.428558.com-正好彩票网址| www.205237.com-内蒙福利彩票快三| www.869936.cc-福利彩票计划员| www.oh6.com-福彩和夸走势图| 购彩之家www.910424.com| www.070807.com-彩礼钱一般给多少| www.72ve.com-足彩跟单陷阱| www.83891.cc-玩彩怎么才能赚钱| www.115718.com-意彩比分直播| www.267062.com-幸运快三怎么看走势| www.539085.com-体彩彩票店业主投诉| www.874576.com-上海快三012路| www.wr69.com-7天彩app-| www.1155.tv-宣传体彩标语| www.253528.com-重庆时时彩计划软件| www.398988.com-彩票兼职靠谱吗| www.607813.com-韩国哪里可以买彩票| www.479090.com-足彩打冷门坚持1年| www.4824.com-六选三彩票qq群| www.78185.cc-广西快三时间调整| www.920597.com-掌游彩下载专区| www.9803.vip-足彩在线缩水软件| www.71131.cc-福彩视频直播| www.299369.com-彩票怎么看-| www.456792.com-重庆彩定位胆是什么| www.525768.com-c58彩票手机下载| www.91848.com-体彩11选5-| www.263706.com-彩票开奖号码走势图| www.929358.com-盈彩app下载安装| www.ib18.com-安徽体彩大乐透| 福彩www.86267e.com| www.80062.com-网络彩票导师微信| www.104652.com-金牛彩票平台| www.lm08.com-今日中彩北京28| www.804509.com-重庆时时彩心的| www.789202.com-竞彩网胜平负| www.yb82.com-天津福彩开奖结果| www.25768.com-吉祥彩票是骗人的吗| www.555066.cc-uu博彩-| www.322.pw-色彩的纯度画简单|