【免费】几次css样式动态背景页面登陆，涉及jQuery资源-CSDN文库

共5个文件

svg：2个

html：1个

js：1个

jquery

需积分: 0 111 浏览量 2023-05-04 13:37:05 上传评论收藏 22KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

css动态登录页面.zip （5个子文件）

css动态登录页面

style.css 6KB

app.js 367B

img

log.svg 34KB

index.html 4KB

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <script src="https://kit.fontawesome.com/64d58efce2.js" crossorigin="anonymous" ></script> <link rel="stylesheet" href="style.css" /> <title>响应式登录页面</title> </head> <body> <div class="container"> <div class="forms-container"> <div class="signin-signup"> <form action="#" class="sign-in-form"> <h2 class="title">登录</h2> <div class="input-field"> <i class="fas fa-user"></i> <input type="text" placeholder="用户名" /> </div> <div class="input-field"> <i class="fas fa-lock"></i> <input type="password" placeholder="密码" /> </div> <input type="submit" value="立即登录" class="btn solid" /> <p class="social-text">通过其他方式</p> <div class="social-media"> <a href="#" class="social-icon"> <i class="fab fa-qq"></i> </a> <a href="#" class="social-icon"> <i class="fab fa-weixin"></i> </a> <a href="#" class="social-icon"> <i class="fab fa-weibo"></i> </a> <a href="#" class="social-icon"> <i class="fab fa-alipay"></i> </a> </div> </form> <form action="#" class="sign-up-form"> <h2 class="title">注册</h2> <div class="input-field"> <i class="fas fa-user"></i> <input type="text" placeholder="用户名" /> </div> <div class="input-field"> <i class="fas fa-envelope"></i> <input type="email" placeholder="邮箱" /> </div> <div class="input-field"> <i class="fas fa-lock"></i> <input type="password" placeholder="密码" /> </div> <input type="submit" class="btn" value="立即注册" /> <p class="social-text">通过其他方式</p> <div class="social-media"> <a href="#" class="social-icon"> <i class="fab fa-qq"></i> </a> <a href="#" class="social-icon"> <i class="fab fa-weixin"></i> </a> <a href="#" class="social-icon"> <i class="fab fa-weibo"></i> </a> <a href="#" class="social-icon"> <i class="fab fa-alipay"></i> </a> </div> </form> </div> </div> <div class="panels-container"> <div class="panel left-panel"> <div class="content"> <h3>加入我们</h3> <p> 加入我们，成为本站的一份子。 </p> <button class="btn transparent" id="sign-up-btn"> 去注册 </button> </div> <img src="img/log.svg" class="image" alt="" /> </div> <div class="panel right-panel"> <div class="content"> <h3>已有帐号？</h3> <p> 立即登录已有帐号，享受独家权益。 </p> <button class="btn transparent" id="sign-in-btn"> 去登录 </button> </div> <img src="img/register.svg" class="image" alt="" /> </div> </div> </div> <script src="app.js"></script> </body> </html>

评论收藏

内容反馈