html5登录模板示例源码下载

基本信息

源码名称：html5登录模板示例源码下载

源码大小：0.04M

文件格式：.rar

开发语言：CSS

更新时间：2018-01-16

友情提示：（无需注册或充值，赞助后即可获取资源下载链接）

嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：78630559

本次赞助数额为： 2 元　

源码介绍

<!doctype html>
<html lang="zh">

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>益玩活动管理后台</title>
		<link rel="stylesheet" type="text/css" href="css/normalize.css" />
		<link rel="stylesheet" type="text/css" href="css/default.css">
		<link rel="stylesheet" type="text/css" href="css/styles.css">
	</head>

	<body>
		<div class="wrapper">
			<div class="container">
				<h1>登录活动后台</h1>
				<div class="form">
					<input type="text" placeholder="用户名">
					<input type="password" placeholder="密码">
					<div class="validate">
						<input type="text" placeholder="输入验证码">
						<img src="" alt="">
					</div>
					<button type="button" id="login-button">登录</button>
				</div>
			</div>

			<ul class="bg-bubbles">
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
		</div>
		</div>
		<script src="js/jquery-2.1.1.min.js" type="text/javascript"></script>
		<script>
			$('#login-button').click(function(event) {
				event.preventDefault();
				$('.form').fadeOut(500);
				$('.wrapper').addClass('form-success');
			});
		</script>
	</body>

</html>