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天

知道了
彩01彩票 www.116931.com-周六竞彩-| www.819233.com-甘肃快三下载图官网| www.910646.com-好彩论坛首页| www.776478.com-彩乐网资料大全| www.869671.com-鸿运彩票不让提现| www.981548.com-高频彩票揭秘| www.ai9.cc-福彩快3奖金规则| www.1344.xyz-vr彩是官方的吗| www.799562.com-qq彩票怎么没有了| www.888769.com-盛原彩票-| www.964830.com-浙冮体彩-| 大赢家彩票网www.339215.com| www.51001.com-e球彩怎么算中奖号| www.608313.com-彩票跨度分析| www.800433.com-手机彩20彩票| www.931616.com-竞彩对冲套利方法| www.cai7877.com吉林快三遗漏数据| www.17pe.com-湖北快三开奖漏洞| www.57304.com-博彩王彩票软件| www.345444.cc-万博可以买时时彩吗| www.451084.com-在哪里玩幸运分分彩| www.ja34.com-爱彩乐彩票走势图| www.2405.top-彩票遗漏统计| www.78361.cc-优彩彩票66976| www.076914.com-5个数字的彩票| www.25071.com-好的彩铅品牌| www.466978.com-7乐彩售票到几点| www.562412.com-吉利彩票网址| www.24797.com-少儿优秀彩铅画| www.19038.com-帝皇彩票-| www.78428.com-吹吹七星彩交流论坛| www.037007.com-九州彩票下载安装| www.122097.com-欢乐时时彩开奖结果| www.195758.com-彩种怎么玩-| www.263865.com-人类彩票中奖故事| www.332214.com-彩票风控多久解除| www.398562.com-甘肃福彩专刊| www.554301.com-官方高频彩开奖网站| www.618688.com-大同彩票网能提现吗| www.689563.com-新浪爱彩不能买了| www.762910.com-天津十一选五爱乐彩| www.829519.com-158彩票计划| www.892379.com-怎么看彩票开奖结果| www.956216.com-玩彩票有赢钱的吗| 彩乐乐www.cll168.com| www.dx91.com-内蒙古快三有规律吗| www.773490.com-彩票平台十元提现| www.887886.com-派彩11选5走势图| www.35yk.com-乐利2分彩计划软件| www.1388.in-福彩南方双彩网| www.9545.org-海南马彩最新消息| www.56149.com-9彩平台-| www.5942.org-体彩做的是什么公益| www.7315.cn-大师彩铅插画| www.0979.date-新浪足彩专家分析| www.87292.com-6348快乐彩票| www.381904.com-智慧彩票预测有书吗| www.cai4122.com快三是一款什么游戏| www.1118.hk-武汉快三直选开奖| www.69332.com-彩票韩国1.5分彩| www.111184.com-十分彩票-| 聚彩网www.290282.com| www.iu50.com-竞彩预测-| www.961112.com-分分彩分析软件下载| www.17618.com-足够竞彩比分| www.862155.com-幸运彩票下载app| www.0571.org-福彩3d左岸杀三码| www.371081.com-体彩天下正规吗| www.5696.pw-日本年末彩票规则| www.90217.com-财富赢家七彩图| www.117508.com-七星彩中了两个数字| www.326234.com-cb8彩宝官网| www.566200.com-足彩五串五-| www.394780.com-彩虹六号买那个版本| www.993890.com-快三怎么能稳赚| www.0796.date-网上还能买足彩吗| www.177645.com-五分快三全天计划| www.725757.cc-中国福彩开结果| www.95uh.com-圣彩票-| www.57117.cc-彩宝彩票三分时时彩| www.359581.com-大马彩开奖结果| www.731515.com-广东福彩精彩十分| 9号彩票www.80767s.com| www.lp61.com-福彩作弊事件| www.860996.com-广东好彩1最新开奖| www.pg23.com-中国竞彩官网网址| www.319830.com-3d时时彩打票机| www.881471.com-国外足球博彩app| www.487300.com-微信中彩网-| www.821787.com-历届福彩主任是谁| www.520.org-体彩大乐透奖池奖金| www.158777.com-爱彩比分直播| www.586330.com-彩票机器好退吗| www.05zy.com-3g彩票导航-| www.104621.com-竞彩足球胜负平规则| www.492878.com-福彩流水怎么回事| www.461253.com-3d福彩做号技巧| www.119892.com-靠谱彩票投注app| www.241275.com-保定快三-| www.239323.com-彩票坊登陆-| www.377389.com-qq彩票下载app| www.478853.com-赣体彩-| www.554433.com-经典福彩广告语| www.618914.com-明天3d彩票开结果| www.695068.com-唯彩买量分布| www.817921.com-网购福利彩票双色球| www.896481.com-彩票平台有开挂吗| www.312485.com-云购彩票大发快三| www.501268.com-下载迷彩虎军事| www.622338.cc-逆袭分分彩做号工具| www.744332.com-凤翔彩票是不是骗局| www.897622.com-广州福彩-| www.976956.com-返还彩礼案例| www.697411.com-七星彩概率-| www.982436.com-全天时时彩在线计划| www.608949.com-彩票怎么稳-| www.757477.com-58购彩-| www.10xd.com-彩票代买兼职| www.227303.com-分分快三好彩下载| www.827611.com-什么平台买彩票安全| www.975514.com-七星彩500期| www.li12.cc-彩票306网页版| www.997326.com-利彩工具3d走试图| www.954481.com-通博彩票-| www.308236.com-福彩8软件下载| www.327503.com-彩票投资赚钱能信吗| www.22ly.com-qq彩网站-| www.43up.com-竞彩混合过关高手| www.1963.top-台北快三开奖号码| www.088676.com-龙江风采福利彩票| www.082270.com-118彩票安卓| www.219523.com-吉林快三推荐号| www.465624.com-竞彩足球软件排行榜| www.3148.vip-七星彩奖长条下载| www.612150.com-看彩票书籍有用吗| www.750392.com-豪彩网站首页| www.925323.com-ba彩票平台-| www.bu87.com-大发快三出龙的规律| www.40sa.com-卖海南七星彩犯法吗| www.9my.com-体彩幸运选号| www.cai718.com-快三算号器手机版| www.53ka.com-红利系统彩票| www.514426.com-开原琳彩二部地址| www.638571.com-色彩斑斓的眼睛画法| www.788035.com-易彩宝app-| www.od36.com-快三彩票共有多少注| www.960479.com-泰安市彩票站点| www.ra.com-甘肃福彩快3| www.yg03.com-派彩电子走势图大全| www.309258.com-彩票对打刷流水赚钱| www.632515.com-立彩彩票注册手机网| www.555178.com-汇辰彩票下载| www.33104.com-彩票一分钟一期| www.77619.cc-乐飞彩票运行多久了| www.030531.com-体彩七星彩综合走势| www.274139.com-汪汪时时彩ios| www.354901.com-福建彩票大奖排行榜| www.467900.com-七星彩19042期| www.540071.com-哪些歌曲适合跳快三| www.059468.com-k彩福地登录不上| www.917863.com-273彩票-| www.822937.com-双色球预测授渔看彩| www.255736.com-k彩手机登陆| www.627372.com-今日快三号码推荐|