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天

知道了
9彩注册 www.36843.com-28c彩票网-| www.03mf.com-快三加奖结束了吗| www.5334.biz-福彩三地图谜总会| www.580938.com-福彩最大值振幅| www.55685.com-下载七星彩开奖表| www.977014.com-河南农村彩礼现状| www.36bd.com-海南七星彩梦册图| www.633108.com-时时彩助手在线计划| www.76uw.com-手机凤凰彩票| www.567548.com-昆山体彩兑奖中心| www.659228.com-中悦福利彩票自助机| www.334485.com-彩票提现失败| www.91733.com-中彩那天课文分析| www.445716.com-彩票预测平台合法吗| www.80005.cc-福彩快开-| www.106822.com-瑞彩祥云彩票登录| www.268988.com-快三所有组合| www.973627.com-快三走势口诀| www.ho70.com-足彩的玩法-| www.04ru.com-荷塘月色彩铅简笔画| www.2368.shop-七彩影院安全吗| www.04946.com-福彩跨度走势图| www.77591.cc-2019福彩改企业| www.70nj.com-彩票中了到期了咋办| www.37pr.com-聚鑫彩票网址| www.ir3.cc-内蒙快三开官网| www.7vm.com-联合买彩票-| www.2528.site-天猫彩页-| www.22679.cc-互联网彩票吃票| www.98801.com-正规时时彩在哪能买| www.133597.com-好彩官网是正规的吗| www.526151.com-篮球彩票怎么看| www.707595.com-凤凰时时彩平台网址| www.889103.com-彩店宝官方下载| 凤凰彩票www.5091d.com| www.139173.com-华盈彩票-| www.288856.com-体彩术语大全| www.446485.com-大连快三彩票| www.586607.com-大白菜平台送彩金| www.750250.com-七星彩中4个数不连| www.903061.com-彩票合买群二维码| www.ct24.com-稳定私彩平台| www.50tc.com-中国彩票史大奖排名| www.8880.gg-足彩入门知识| www.008808.com-体彩api-| www.056996.com-七星彩抓码规律| www.266762.com-时时彩追遗漏| www.46139.com-福彩六码遗漏app| www.4580.biz-彩票怎么能中大奖| www.671701.com-体彩排三和值表| www.123.ren-盈彩在线安全吗| www.650772.com-今日头条彩票开奖| www.823033.com-快彩乐开奖-| www.977143.com-订婚还彩礼-| www.lm30.com-福彩快三买大小下载| www.3349.vip-彩神国际代理| www.34955.com-时时彩后三计划软件| www.052355.com-大发彩票客服| www.38080.cc-大彩网双色球首页| www.435777.com-神武幻彩花染神兽| www.623795.com-胜负彩媒体预测| www.755058.com-深圳南油福利彩票| www.919004.com-河南快三跨度| www.za15.com-红牛彩票靠谱吗| www.1989.blue-江苏快三能提现吗| www.79113.cc-福彩3d百万通期中| www.113744.com-排列三双彩论坛网| www.447314.com-最新福彩3d黑牛图| www.906590.com-福彩网正版下载安装| E彩堂www.43818r.com| www.8ar.com-数学家计算彩票公式| www.817724.com-绵阳福彩249号站| www.091321.com-易盈彩票官方下载| www.332766.com-京彩彩票挣钱吗| www.cp5344.com-福彩快三是国家的吗| www.91ts.com-福彩快三是骗人的吗| www.1946.vip-凤彩网3d热门推荐| www.8351.cn-霞光异彩是成语吗| 大赢家彩票网www.83033n.com| www.16pd.com-k菜彩民福地| www.2226.in-微彩论坛排列5| www.99.me-中国彩吧1011| www.0539.site-福彩双旦毒胆| www.069586.com-1818彩票送彩金| www.157416.com-微信投彩是什么情况| www.294171.com-上海福彩快三遗漏号| www.561958.com-双赢彩票安全可靠吗| www.092573.com-福建体育彩票下载| www.190542.com-玩一分快三的技巧| www.292128.com-国家正规的高频彩| www.421221.com-竞彩计划金手指| www.580512.com-彩票站一般几点开门| www.669621.com-彩钢板多少钱一米| www.754863.com-彩票投注导师| www.863069.com-观看更多精彩视频| www.930367.com-各类彩票中奖金额| www.982424.com-同城彩票是正| www.fo80.com-快三大全第一门户| www.a26.cc-福彩3d助手app| www.79wi.com-分分彩挂机方案制作| www.2888.cm-冀彩宝注册-| www.15852.cc-手绘彩铅花卉| www.63920.com-澳洲时时彩网站| www.026065.com-十分彩官网正规吗| www.419499.com-秒速时时彩人为控制| www.537267.com-中彩网开奖号| www.619421.com-彩票破了能兑奖吗| www.700734.com-彩票可以异地兑奖码| www.773376.com-福彩刮奖哪个机率大| www.835550.com-福彩双色球字迷图迷| www.901141.com-体育彩票解释| www.986338.com-福彩所有玩法介绍| www.eg5.cc-快三彩票是坑人的吗| www.pn18.com-彩神争vll-| www.0gn.com-同乐彩是什么平台| www.44jh.com-网上代购彩票合法吗| www.087.net-天刀射利彩签怎么用| www.3165.com-强力球彩票玩法| www.00202.cc-网投国彩可靠吗| www.44430.com-怎样在支付宝买彩票| www.132663.com-开彩票店的风险| www.225562.com-彩票托怎么分辨| www.307969.com-中国体育彩票查询| www.378732.com-怎么选彩票中奖率高| www.477725.com-中国福彩网积分| www.550554.com-江苏福彩快三贴吧| www.710253.com-注册送28彩金| www.gi03.com-快乐投手机购彩软件| 新盈彩www.xinyc8.com| www.074515.com-快三秒热水器费电吗| www.571758.com-竞彩篮球官网| www.633066.com-体育彩票nba彩票| www.698592.com-浙体彩网-| www.788177.com-中国足彩竞彩足球| www.878365.cc-内蒙古体彩下载| www.936151.com-福彩时时彩开奖号| www.983708.com-体彩可以异地兑奖吗| www.hz56.com-手机快快三老输| www.i66.vip-彩之网怎么下载下载| www.45sw.com-彩虹6号围攻加速器| www.456.mobi-真实彩票故事| www.6rs.com-黑龙江福彩管方| www.87me.com-体彩五p开奖结果| www.3471.vip-爱彩乐天津11选5| www.32992.cc-扬州体彩中心地址| www.673104.com-七星彩怎么得奖| www.811816.com-北单竞彩图片| www.927605.com-中华彩票app下载| www.im.cc-河北快三综合走势图| www.18lx.com-七彩乐彩票中奖结果| www.45075.com-现在的彩票可信吗| www.029704.com-彩票开奖源是什么| www.134656.com-和玺彩画-| www.228925.com-怎样看快三走势图| www.385230.com-充值话费上分的博彩| www.079031.com-彩票3d九宫八卦图| www.141181.com-老猫看彩快讯77期| www.219167.com-福彩快三遗漏号| www.1610.cc-玛骓彩票游戏| www.7472.cn-彩票店电话号码| www.301996.com-福彩八卦图速查表| www.367592.com-彩涂钢板厂家直销| www.466841.com-七彩乐开奖时间星期| www.587697.com-易彩娱乐福地|