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天

知道了
大发快3 www.5735.pw-网络彩票报案有用吗| www.cp3366.com-河南福彩22选5| www.017913.com-英国5星彩-| www.535398.com-六位是什么彩票| www.675222.com-竞彩规则改变| www.813622.com-388计划彩票网| www.935510.com-红包彩票直播| www.cp8587.com-上海福彩-| www.71713.com-3d彩报常跟版| www.611312.com-彩虹岛水果无限体力| www.500079.cc-有分分时时彩的软件| www.23316.cc-彩神x里面能提现吗| www.793038.com-安阳彩票大奖骗局| www.110892.com-购买美国强力球彩票| www.682691.com-国家允许的网上彩票| www.788789.cc-今日竞彩单场| www.876463.com-大掌柜彩票不能提现| www.961508.com-购彩365-| www.qi4.com-马来西亚乐和彩开奖| www.vh76.com-彩约365-| www.040900.com-福彩v-| www.160074.com-好运彩平台怎么样| www.869672.com-搜索491彩票| www.970548.com-安徽快三遗漏统计值| www.am08.cc-鸿运彩票是黑平台吗| www.gw25.com-体彩直播-| www.z91.cc-明彩笔-| www.75jx.com-山东体彩网彩友吧| www.117654.com-128福彩幸运快三| www.987848.com-彩票行家网址| www.gk62.com-中奖彩票双色| www.523617.com-彩乐乐彩票网挣钱吗| www.j99.com-內蒙古体彩11选5| www.56hb.com-256买彩下载| www.2954.biz-凤凰1码彩经| www.8622.net-彩票机怎么连接电视| www.003660.com-体彩开奖大乐透| www.93849.com-竞彩米兜-| www.104775.com-甘肃快三和值表图片| www.202976.com-精彩十分中奖规则| www.824899.com-聚丰彩票下载手机版| 澳客彩票www.108ak.com| www.28rd.com-易迅时时彩-| www.4519.cn-彩票带赚是干什么的| www.35098.cc-天空天下彩与你同行| www.7mj.com-公司年终奖彩票中奖| www.205591.com-网上黑彩平台| www.318880.com-抚州市福利彩票中心| www.478124.com-南昌体彩中心朱主任| www.576311.com-唐山万达附近福彩| www.673488.com-古建筑旋子彩绘图案| www.777743.com-中彩票706-| www.881960.com-湖北快三遗漏统计表| www.995681.com-足彩猜比分规律| www.hi17.com-全民中彩票下载| www.21um.com-网上彩票中奖不承认| www.424.biz-有彩票软件吗| www.7340.top-彩虹民用无人机| www.441137.com-探探里的彩票拖| www.543991.com-彩票怎么教我一下| www.617979.com-体彩张驰-| www.684457.com-投资彩票站-| www.761025.com-最准2分时时彩计划| www.829243.com-彩558下载-| www.896122.com-足彩合买微信群| www.bj0.cc-江苏快三形态走势牛| www.130946.com-江西彩礼一般给多少| www.m26.org-乐彩三d字图迷| www.830685.com-福彩双色球自动摇号| www.930959.com-江苏快三微信群号| www.4970.cn-百万发彩票-| www.53716.com-重庆时时彩所有网站| www.030855.com-高频彩造假吗| www.144176.com-竞彩怎么判断平局| www.238173.com-安徽快三最大遗漏值| www.372425.com-彩票平台跑路公布| www.447080.com-安装彩票软件下载| www.417518.com-分分彩选号软件| www.286753.com-如何申请福利彩票| www.674848.com-高频彩票禁售| www.808688.cc-天玺彩票注册| www.918036.com-送彩金网大全| www.gc3.cc-两个平台对打套彩金| www.yf55.cc-0567彩票-| www.35oq.com-七星彩808胶版| www.6120.biz-彩礼新规定是真的吗| www.660075.com-彩票计划高手下载| www.031862.com-人人爱彩票app| www.173367.com-网上快三平台正规吗| www.cs08.com-中国体彩上海快三| www.148544.com-时时彩倍投计算在线| www.323353.com-七乐彩综合走势图| www.460936.com-手绘荷花彩铅画教程| www.691488.com-彩票系统软件登录| www.832708.com-彩77官网登录| www.978807.com-雷诺好彩-| www.19eu.com-体彩店都卖私彩| www.71aa.com-大陆有可能开马彩吗| www.6366.vip-印象彩票官方网| www.71879.com-彩票中奖领奖流程| www.108955.com-hk百彩网开奖日期| www.231195.com-内蒙快三开奖结| www.553353.com-竞彩半全场玩法| www.943776.com-体彩竞彩有骗局么| www.199193.com-内蒙古福彩快3| www.360574.com-快三一天几期| www.573786.com-万能彩票机笔趣阁| www.728271.com-财神彩票登陆| www.cp7335.com-一分钟一期的快三| www.97184.com-3d彩宝网开奖结果| www.272132.com-广西快三输了怎么办| www.509390.com-福彩双色球预测频道| www.854264.com-多彩网下载app| www.dx90.com-福建体彩网彩民论坛| www.8jh.cc-北京口袋彩店二维码| www.659826.com-远途国际彩票网站| www.209441.com-大发快三正规的平台| www.723858.com-合发彩票娱乐平台| www.09568.cc-大资本彩票官方网站| www.30tt.com-星期五体彩什么开奖| www.534630.cc-哪个彩票平台待遇高| www.644266.com-足彩19019任九| www.718070.com-彩店宝彩票电脑版| www.782885.com-易购彩合法吗| www.850552.com-彩票代销证-| www.905316.com-足彩投注比例| www.962228.com-福彩三d走势图软件| 8号彩票www.60108l.com| www.994382.com-彩票生成器代码| www.878996.cc-中金彩app-| www.662332.com-新彩网字谜画谜| www.327295.com-三b彩票-| www.cp9332.com-分分中彩app| www.2608.cc-福建体育彩网| www.842079.com-足彩直播现场| www.933678.com-时时彩网上代理| 大赢家彩票平台www.167356.com| www.0ef.com-大通彩票导航网址| www.924.tv-临沂彩票站转让信息| www.715171.com-四季彩平台怎么样| www.804858.com-彩虹的小符号| www.880680.com-体彩排列三中奖注数| www.6543.cm-众吧彩票-| www.21214.com-中国体育彩票竞猜网| www.64414.com-网球彩票规则介绍| www.5fz.cc-快彩倍投技巧| www.746868.com-彩票网站优惠| www.781846.com-58彩靠谱吗-| www.338179.com-福利彩票3d图纸| www.34761.com-福利彩票了3d图纸| www.2193.win-彩票33不出款| www.718580.com-彩虹屁100句| www.831000.com-手机彩票口碑最好| www.914238.com-瑞彩祥云快三邀请码| www.gx7.cc-江苏快三豹子规律| www.xd37.com-快三走势图北京的| www.002439.cc-七星彩摇奖-| www.131495.com-方城结婚要多少彩礼| www.11961.com-口袋彩票是正规的吗| www.3376.com-人人中彩票管理员| www.06149.com-中彩改棋牌app| www.49456.cc-腾讯分分彩票平台| www.027178.com-1寸彩色相片图片| www.118880.cc-uu悠悠彩票-|