百度网盘web登录页-原生js实现

最新推荐文章于 2024-05-30 16:15:56 发布

睿oba

最新推荐文章于 2024-05-30 16:15:56 发布

阅读量2.6k

点赞数 2

分类专栏： js css h5 文章标签：前端 js css

本文链接：https://blog.csdn.net/chanzhiliao/article/details/119542341

版权

html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- 搜索时显示的网站描述 -->
    <meta name="description" content="" />
    <!-- 搜索网站时的关键字 -->
    <meta name="keyword" content="" />
    <title>百度网盘，让美好永远相伴</title>
    <script
      type="text/javascript"
      rel="stylesheet"
      src="bootstrap/js/jquery-3.5.1.min.js"
    ></script>
    <script
      type="text/javascript"
      rel="stylesheet"
      src="bootstrap/js/bootstrap.min.js"
    ></script>
    <script
      type="text/javascript"
      rel="stylesheet"
      src="js/baiduPan.js"
    ></script>
    <!-- 网页的标题图标 -->
    <link
      type="text/css"
      rel="stylesheet"
      href="bootstrap/css/bootstrap.min.css"
    />
    <link rel="shortcut icon" href="img/baiduPan/icon1.webp" />
    <link rel="stylesheet" href="css/baiduPan.css" />
    <style></style>
  </head>

  <body>
    <div class="upper">
      <div id="login-header">
        <div class="logo">
          <a
            class="yun-logo"
            href="//pan.baidu.com/"
            target="_blank"
            title="百度网盘"
            style="text-decoration: none"
            ><img
              src="img/baiduPan/icon1.webp"
              style="width: 50px; height: 50px"
            />&nbsp;&nbsp;百度网盘</a
          >
        </div>
        <span class="login-title">
          <a
            class="b-no-ln"
            href="javascript:void(0);"
            id="top_menu_other"
            target="_blank"
            style="color: #f00"
            >百度网盘严打违规文件公告及非法有害信息举报</a
          >
          <a
            class="b-no-ln"
            hidefocus="true"
            href="http://www.baidu.com"
            target="_blank"
            >百度首页</a
          >
          <a
            class="b-no-ln"
            hidefocus="true"
            href="//pan.baidu.com/download"
            id="loginHeadDlink"
            target="_blank"
            >客户端下载</a
          >
          <a
            class="b-no-ln"
            hidefocus="true"
            href="http://weibo.com/p/1006062952668222"
            target="_blank"
            >官方微博</a
          >
          <a
            class="b-no-ln"
            hidefocus="true"
            href="https://help.baidu.com/newadd?prod_id=29&amp;category=2&amp;ptype=48"
            target="_blank"
            >问题反馈</a
          >
          <a
            class="b-no-ln f-ln-trans"
            hidefocus="true"
            href="https://pan.baidu.com/disk/main#/certification/introductionweb?from=webdl"
            target="_blank"
            >企业认证<span></span
          ></a>
          <a
            class="b-no-ln"
            hidefocus="true"
            href="https://pan.baidu.com/union?from=panlogin"
            target="_blank"
            >开放平台</a
          >
          <a
            class="b-no-ln center-entry"
            hidefocus="true"
            href="https://pan.baidu.com/buy/center?tag=8&amp;from=loginpage"
            target="_blank"
            style="
              background: linear-gradient(-139deg, #f0d7a3 0, #efcb85 100%)
                #f0d7a3;
              color: black;
              border: 1px solid #f0d7a3;
              border-radius: 10px;
              padding: 2px 5px;
              text-decoration: none;
            "
            >会员中心</a
          >
        </span>
      </div>
      <div class="wrap" id="wrap">
        <ul id="pic">
          <li>
            <img
              src="img/baiduPan/lunbo1.webp"
              alt=""
              style="width: 1263px; height: 550px"
            />
          </li>
          <li>
            <img
              src="img/baiduPan/lunbo2.webp"
              alt=""
              style="width: 1263px; height: 550px"
            />
          </li>
          <li>
            <img
              src="img/baiduPan/lunbo3.webp"
              alt=""
              style="width: 1263px; height: 550px"
            />
          </li><

最低0.47元/天解锁文章

睿oba

关注

2
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
百度网盘web登录页-原生js实现

html<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />  <meta name="description" content=""
复制链接

扫一扫