Web初学者-[作业7]-登录和注册的滑动切换

最新推荐文章于 2022-11-28 13:00:11 发布

ONLY＆King

最新推荐文章于 2022-11-28 13:00:11 发布

阅读量1.1k

点赞数 7

文章标签：前端 jquery javascript

本文链接：https://blog.csdn.net/qq_45229580/article/details/125126115

版权

本文介绍了一个Web初学者的作业项目——使用HTML、CSS和JQuery实现登录和注册页面的滑动切换效果。通过HTML布局，CSS美化，JQuery控制元素交互，达到点击按钮时内容区域平滑切换的视觉体验。

摘要由CSDN通过智能技术生成

一、项目介绍

基础html布局，加上css渲染之后，主要依据JQuery的获取元素，如何对元素进行操作滑动切换效果，效果如下展示

登录和注册滑动切换页面

二、项目分析

1.利用html，布局好界面基础位置和效果

2。利用css，渲染好界面的美观

3.利用jquery技术，获取注册以及登录按钮，完成点击之后，实现滑动效果

三、代码展示

A：HTML

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>登录页面</title>
  <link rel="stylesheet" href="./css/login.css">
  <link rel="icon" href="./img/favicon.ico">
  <script src="./js/jquery.js"></script>
  <script src="./js/login.js"></script>

</head>

<body>
  <d