JavaScript 简易小米官网案例

niva-money

已于 2022-10-09 12:08:48 修改

阅读量529

点赞数

文章标签： javascript 前端 servlet

于 2022-10-09 12:03:31 首次发布

本文链接：https://blog.csdn.net/jpmoney/article/details/127223891

版权

这是一个关于使用JavaScript创建简易小米官网登录和注册界面的案例。目前页面还在建设中，期待前端大牛们的建议和指导。涉及到的主要技术包括JavaScript、前端交互及可能的后端servlet配合。

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

页面尚未完成

望大牛们提点意见

//这样跳转真的好吗？？ 换台电脑会不会找不到路径？？

window.location.href="http://127.0.0.1:5500/javascript/%E5%B0%8F%E7%B1%B3%E9%A1%B9%E7%9B%AE/%E9%A1%B5%E9%9D%A2.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>Document</title>
    <link rel="stylesheet" href="css.css">
</head>
<body>
    <!-- <img src="https://img.youpin.mi-img.com/ferriswheel/bcdd5c66_beb0_4f22_956d_9e73eaaf121a.png?w=2560&h=1080" alt=""> -->
    <div class="header">
        <div class="logo">图片</div>
        <div class="nav">
            <div><a href="">小米官网</a></div>
            <div><a href="">小米商城</a></div>
            <div><a href="">小米影像</a></div>
            <div><a href="">MIUI</a></div>
            <div><a href="">loT</a></div>
            <div><a href="">云服务</a></div>
            <div><a href="">天星科技</a></div>
            <div><a href="">有品</a></div>
            <div><a href="">小爱开放平台</a></div>
            <div><a href="">企业团购</a></div>
        </div>
        <div class="menu">
            <span class="login"><a href="登录/登录.html">登录</a></span>
            <span>|</span>
            <span class="regsiter"><a href="登录/注册.html">注册</a></span>
        </div>
    </div>
    <div class="main"><img src="https://img.youpin.mi-img.com/ferriswheel/bcdd5c66_beb0_4f22_956d_9e73eaaf121a.png?w=2560&h=1080" style="width: 100%;height: 100%;"></div>
    <div class="main"><img src="https://img.youpin.mi-img.com/ferriswheel/c75b0167_0c6d_4847_8c09_ee05480ba69d.png?w=2560&h=1080" alt="" srcset=""></div>
    <div class="main"><img src="https://img.youpin.mi-img.com/ferriswheel/2a50f9f3_0672_40ba_9017_f0d65c1f40d3.jpeg?w=2560&h=1080" alt=""></div>
    <div class="main"><img src="https://img.youpin.mi-img.com/ferriswheel/2a50f9f3_0672_40ba_9017_f0d65c1f40d3.jpeg?w=2560&h=1080" alt=""></div>
    <div class="main"><img src="https://img.youpin.mi-img.com/ferriswheel/2a50f9f3_0672_40ba_9017_f0d65c1f40d3.jpeg?w=2560&h=1080" alt=""></div>
    <div class="footer">
        <div class="footer_one">
        <img src="https://img.youpin.mi-img.com/ferriswheel/2a50f9f3_0672_40ba_9017_f0d65c1f40d3.jpeg?w=2560&h=1080" alt="">     
        </div>