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天

知道了
500彩票竞猜 www.698324.com-谁有吉林快三群| www.878696.cc-体育彩票大乐透论坛| www.230222.com-盈彩在线合法吗| www.663808.com-越南5分彩-| www.844971.com-5360彩票网-| www.ng78.com-234彩票网官方版| www.2710.cc-牛蛙彩票网址| www.17536.cc-昆明彩票店加盟中心| www.594673.com-乐彩彩票是真的吗| www.662748.com-迷彩兔影视app| www.560101.com-彩票百分百计划网| www.j04.cn-手机棋牌游戏送彩金| www.ie91.com-微信买彩票可靠吗| www.qz59.com-大发时时彩开奖查询| www.930576.com-乐购彩票官方下载| www.ap44.com-云南体彩-| www.vu55.com-快乐彩开奖图| www.23pr.com-6698彩票心水| www.192.com-口袋彩店用不了了| www.385979.com-天津体彩七星彩开将| www.005511.com-彩票平台软件出租| www.110493.com-66彩票的网址| www.194535.com-快发彩票官网| www.288197.com-360足彩军长推荐| www.88331.com-龙之彩注册-| www.129473.com-众彩注册-| www.9873.net-在英国如何买彩票| www.012866.com-中国彩票快乐十分| www.9277.xyz-快三计划彩票公式| www.313996.com-佬牛足彩预测| www.9090.tv-七乐彩8个多少钱| www.909768.com-内蒙快三遗漏查询| 世彩堂www.5854e.cc| www.019346.com-遵义福彩千万双色球| www.896888.cc-买彩票能中大奖真相| www.246112.com-好运快三是骗局吗| www.329225.com-福彩今天中奖号码| www.409831.com-米彩和昭阳的电视剧| www.061086.com-好彩客坑人-| www.55048.cc-彩票开奖查询单式| www.009374.com-彩85下载-| www.197660.com-湖北湖北福彩| www.860005.com-ee彩票是真是假| www.4994.in-梦见彩票中奖| www.560363.com-体育彩票如何玩| www.021311.com-福彩20选8玩法| www.116553.com-极速六个彩开奖结果| www.208368.com-河南快三实时结果| www.411712.com-熊猫彩铅画-| www.uj24.com-大赢彩票下载安装| www.797907.com-彩61网站源码| www.cai0322.com快3彩票下载| www.345632.com-湖北福彩中奖规则| www.880869.com-彩票平台刷佣金| www.438076.com-腾讯分分彩平台排| www.618366.com-陕西体彩11选五| www.137243.com-七彩冰激凌-| www.406887.com-带坐标七星彩走势图| www.767395.com-轩彩娱乐官网| www.712229.com-因为彩礼谈崩了| www.870804.com-好彩l-| www.969091.com-梅州市福彩中心兑奖| www.ft52.com-胜利彩票登录| www.388937.com-福彩姜子牙复式图| www.527208.com-中福彩双色球走势图| www.602536.com-彩票软件哪个靠谱| www.080165.com-快三多少期出豹子| www.86065.com-七星彩计算方法| www.651596.com-永利网彩票平台| www.41rf.com-大公鸡七星彩画板| www.230870.com-福利彩软件是真的吗| www.17257.cc-足球彩票下载安装| www.3032.cm-彩票网站送彩金的| www.577939.com-精彩视频点观看| www.689411.com-河南福彩豫彩通下载| www.69867.com-8彩官方网站| www.9971.cn-彩票榜客服电话| www.ag52.cc-熊猫彩票合法吗| www.450918.com-七星彩开奖时间日期| www.683909.com-中国官方彩-| www.834667.com-高清炫彩手机壁纸| www.216150.com-三分快三大小计划| www.318923.cc-易彩网一分快3计划| www.484114.com-菠菜彩票官网| www.623118.com-49倍率购彩平台| www.356846.com-彩票复式怎么看中奖| www.764400.com-各釉彩大瓶赏析| www.cp2800.com-福建体彩网-| www.14093.com-汪汪时时彩下载| www.211563.com-河北快三玩法说明| www.487874.com-亿腾彩票网-| www.063986.com-时时彩票注册送彩金| www.44qx.com-体育彩票竞彩反点| www.990493.com-内蒙快三历史开奖| www.929.org-体彩七星彩怎样中奖| www.38977.com-中彩彩票坑人| www.50333.com-七星彩加急版下载| www.026163.com-彩票平台刷佣金| www.886639.com-刷流水领彩金犯法吗| www.sb0.cc-上海时时乐彩票网站| www.tr50.com-购彩大厅江苏快三| www.23xm.com-c558彩票平台| www.919916.com-福彩快三百度百科| www.993261.com-竞彩技巧讲座| www.zx4.com-彩票开奖网-| www.zf23.cc-体彩竞彩比赛结果| www.60zw.cc-口袋彩店app官网| www.365655.cc-鸿乐彩票下载安装| www.15122.com-体彩20选5浙江| www.513939.com-竞彩足球彩果查询| www.315953.com-够力七星彩奖表规律| www.219763.com-重庆时时彩开壮结果| www.3812.net-体育竞猜彩票玩法| www.288269.com-江苏快三开的啥| www.fb42.com-黑客带你买彩票骗局| www.358579.com-传统足彩的返奖率| www.038958.com-i8彩票台子怎么样| www.518839.com-大发时时采彩开奖| www.503932.com-竞彩3串1加奖通知| www.590256.com-新盈彩彩票-| www.680965.com-重庆七星彩骗局| www.765538.com-入侵私彩平台看数据| www.855351.com-釉彩瓶主要成分| www.947286.com-首尔彩票-| www.cai5025.com福彩快三助手| www.jv71.com-福彩官网开奖| www.71zz.com-没钱买彩票能中奖吗| www.1418.com-彩铅画多肉植| www.6658.hk-彩吧图谜鸿铄| www.230293.com-北京快三最晚几点| www.312147.com-甘肃福利彩票投注站| www.18qt.com-足彩19007-| www.500.la-怎么在黑彩网站赢钱| www.971312.com-福彩公益行走进摸奖| www.bp6.com-98彩票网害我输了| www.mz71.com-六开彩开奖结果| www.43jt.com-下载网易彩票软件| www.840045.com-f福彩3d-| www.so02.com-七乐彩今晚最准推荐| www.46gt.com-1234彩票cp-| www.36ne.com-七星彩上期跨度| www.579842.com-体彩即开型视频彩票| www.872793.com-遵义体彩领奖| www.972490.com-三分钟快三助赢软件| www.fw9.com-时时彩最稳盈利技巧| www.yp69.com-日本的彩票玩法| www.061049.com-3d体彩开奖结果| www.902551.com-体彩刮刮乐自助| www.977733.cc-世界杯足彩买比分| www.99tk.com-彩八彩票是假的吗| www.521340.com-彩票投注骗局| www.913171.com-彩客网快三是真的吗| 天下彩www.496689.com| www.533014.com-想上星彩-| www.477739.com-转福利彩票怎么样| www.414641.com-竞彩7串8容错几场| www.89fs.com-新彩快3三开奖结果| www.500774.com-彩色相机软件| www.i94.mobi-免费彩金不限id| www.334114.com-博大彩票能玩吗| www.68564.com-彩票排列三字谜图谜| www.013036.com-七星彩位置-| www.dt10.com-易彩快3分析图| www.044646.com-送外卖帮忙买彩票|