一、项目介绍
基础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