Почетна Преглед Помоћ
Пријавите се
lovecoding
/
web0331
10
0
Креирај огранак 0
Датотеке Дискусије 0 Захтеви за спајање 0 Вики
Преглед изворни кода

fix:js

e пре 1 месец
родитељ
dc178d14b0
комит
cfbbce8198
18 измењених фајлова са 653 додато и 0 уклоњено
Подељен поглед Покажи статистику Diff
  1. 190 0
      2.css/大麦/demo.css
  2. 68 0
      2.css/大麦/demo.html
  3. BIN
      2.css/大麦/images/1.avif
  4. BIN
      2.css/大麦/images/2.avif
  5. BIN
      2.css/大麦/images/3.png
  6. BIN
      2.css/大麦/images/4.png
  7. BIN
      2.css/大麦/images/5.png
  8. BIN
      2.css/大麦/images/logo.png
  9. 204 0
      2.css/昵图网/demo.css
  10. 87 0
      2.css/昵图网/demo.html
  11. BIN
      2.css/昵图网/images/1.jpg
  12. BIN
      2.css/昵图网/images/banner.jpg
  13. BIN
      2.css/昵图网/images/newIndex-searchBtn.png
  14. BIN
      2.css/昵图网/images/soso.png
  15. 22 0
      3.js初级/js基础/1.js的引入.html
  16. 33 0
      3.js初级/js基础/2.变量.html
  17. 48 0
      3.js初级/js基础/3.类型.html
  18. 1 0
      3.js初级/js基础/index.js

+ 190 - 0
2.css/大麦/demo.css
Прегледај датотеку 

@@ -0,0 +1,190 @@
 
+* {
 
+    margin: 0;
 
+    padding: 0;
 
+    list-style: none;
 
+    text-decoration: none;
 
+    box-sizing: border-box;    
+}
 
+.header {
 
+    width: 100%;
 
+    height: 72px;;
 
+    box-shadow:0 2px 16px  rgba(220, 220, 220, .5);;
 
+}
 
+.header .container {
 
+    width: 1200px;
 
+    height: 100%;
 
+    margin: 0 auto;
 
+    /* overflow: hidden; */
 
+}
 
+
 
+.header .container .logo {
 
+    width: 92px;
 
+    height: 42px;
 
+    float: left;
 
+    margin-top: 15px;
 
+}
 
+.header .container .logo img {
 
+    width: 100%;
 
+    height: 100%;
 
+}
 
+.header .container .nav {
 
+    width: 206px;
 
+    height: 100%;
 
+    float: left;
 
+    margin-left: 54px;
 
+    /* overflow: hidden; */
 
+}
 
+.header .container .nav .address {
 
+    width: 63px;
 
+    height: 100%;
 
+    font-size: 16px;
 
+    line-height: 72px;
 
+    /* overflow: hidden; */
 
+    float: left;
 
+}
 
+
 
+.header .container .nav .address img:first-child {
 
+    width: 12px;
 
+    height: 13.7px;
 
+    float: left;
 
+    margin-top: 29px;
 
+}
 
+.header .container .nav .address span {
 
+    float: left;
 
+    margin-left: 3px;
 
+}
 
+.header .container .nav .address img:last-child {
 
+    width: 9px;
 
+    height: 5.4px;
 
+    float: left;
 
+    margin-top: 33px;
 
+    margin-left: 3px;
 
+}
 
+.header .container .nav ul {
 
+    width: 100px;
 
+    height: 100%;
 
+    line-height: 72px;
 
+    margin-left: 43px;
 
+    /* overflow: hidden; */
 
+    float: left;
 
+    cursor: pointer;
 
+}
 
+
 
+.header .container .nav ul li {
 
+    float: left;
 
+}
 
+
 
+.header .container .nav ul li a {
 
+    font-size: 16px;
 
+    color: #000;
 
+}
 
+.header .container .nav ul li:last-child {
 
+    margin-left: 14px;
 
+}
 
+.header .container .nav ul li:first-child a{
 
+    color: #FF1268;
 
+}
 
+.header .container .nav ul li:hover a {
 
+    color: #FF1268;
 
+} 
+.header .container .login {
 
+    width: 588px;
 
+    height: 100%;
 
+    float: right;
 
+    /* overflow: hidden; */
 
+}
 
+.header .container .login .search {
 
+    width: 401px;
 
+    height: 46px;
 
+    float: left;
 
+    /* overflow: hidden; */
 
+    position: relative;
 
+    margin-top: 12px;
 
+}
 
+.header .container .login .search input {
 
+    width: 319px;
 
+    height: 100%;
 
+    float: left;
 
+    outline: none;
 
+    border: none;
 
+    background: #f8f8f8;
 
+    padding: 0 10px 0 54px;
 
+    border-top-left-radius: 27px;
 
+    border-bottom-left-radius: 27px;
 
+}
 
+.header .container .login .search img {
 
+    width: 17px;
 
+    height: 18px;
 
+    position: absolute;
 
+    top: 13px;
 
+    left: 21px;
 
+}
 
+.header .container .login .search .btn {
 
+    width: 82px;
 
+    height: 100%;
 
+    float: left;
 
+    font-size: 16px;
 
+    color: #fff;
 
+    text-align: center;
 
+    line-height: 46px;
 
+    background: #FF1268;
 
+    border-top-right-radius: 27px;
 
+    border-bottom-right-radius: 27px;
 
+}
 
+.header .container .login .my {
 
+    width: 164px;
 
+    height: 72px;
 
+    float: right;
 
+}
 
+.header .container .login .my .log {
 
+    width: 62px;
 
+    height: 100%;
 
+    float: left;
 
+    /* overflow: hidden; */
 
+    position: relative;
 
+}
 
+.header .container .login .my .log:last-child {
 
+    float: right;
 
+}
 
+.header .container .login .my .log img{
 
+    width: 26px;
 
+    height: 26px;
 
+    float: left;
 
+    margin-top: 21px;
 
+}
 
+.header .container .login .my .log p{
 
+    font-size: 16px;
 
+    float: left;
 
+    line-height: 72px;
 
+    margin-left: 4px;
 
+    margin-top: -3px;
 
+
 
+}
 
+
 
+.header .container .login .my .log .dialog {
 
+    width: 135px;
 
+    height: 159px;
 
+    background-color: pink;
 
+    position: absolute;
 
+    top: 52px;
 
+    left: 10px;
 
+    display: none;
 
+    line-height: 2;
 
+    text-align: center;
 
+}
 
+
 
+.header .container .login .my .log .dialog ul li {
 
+    font-size: 14px;
 
+    margin-top: 14px;
 
+}
 
+.header .container .login .my .log .dialog ul li:hover {
 
+    color: #f00;
 
+    font-size: 14px;
 
+    background: #fff;
 
+}
 
+.header .container .login .my .log:hover .dialog {
 
+    display: block;
 
+}
 
+.header .container .login .my .log:hover p {
 
+    color: #FF1268;
 
+}

+ 68 - 0
2.css/大麦/demo.html
Прегледај датотеку 

@@ -0,0 +1,68 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+    <meta charset="UTF-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <title>Document</title>
 
+    <link rel="stylesheet" href="./demo.css">
 
+</head>
 
+<body>
 
+    <div class="box">
 
+        <div class="header">
 
+            <div class="container">
 
+                <div class="logo">
 
+                    <img src="./images/logo.png" alt="">
 
+                </div>
 
+                <div class="nav">
 
+                    <div class="address">
 
+                        <img src="./images/3.png" alt="">
 
+                        <span>北京</span>
 
+                        <img src="./images/5.png" alt="">
 
+                    </div>
 
+                    <ul>
 
+                        <li><a href="">首页</a></li>
 
+                        <li><a href="">分类</a></li>
 
+                    </ul>
 
+                </div>
 
+                <div class="login">
 
+                    <div class="search">
 
+                        <input type="text" placeholder="搜索明星、演出、体育赛事">
 
+                        <div class="btn">搜索</div>
 
+                        <img src="./images/4.png" alt="">
 
+                    </div>
 
+                    <div class="my">
 
+                        <div class="log">
 
+                            <img src="./images/1.avif" alt="">
 
+                            <p>登录</p>
 
+                            <div class="dialog">
 
+                                <ul>
 
+                                    <li>个人信息</li>
 
+                                    <li>账号设置</li>
 
+                                    <li>订单管理</li>
 
+                                </ul>
 
+                            </div>
 
+                        </div>
 
+                        <div class="log">
 
+                            <img src="./images/2.avif" alt="">
 
+                            <p>下载</p>
 
+                            <div class="dialog">
 
+                                <ul>
 
+                                    <li>个人信息</li>
 
+                                    <li>账号设置</li>
 
+                                    <li>订单管理</li>
 
+                                </ul>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+        </div>
 
+        <div class="main">
 
+
 
+        </div>
 
+        <div class="footer">
 
+
 
+        </div>
 
+    </div>
 
+</body>
 
+</html>

BIN
2.css/大麦/images/1.avif
Прегледај датотеку


BIN
2.css/大麦/images/2.avif
Прегледај датотеку


BIN
2.css/大麦/images/3.png
Прегледај датотеку


BIN
2.css/大麦/images/4.png
Прегледај датотеку


BIN
2.css/大麦/images/5.png
Прегледај датотеку


BIN
2.css/大麦/images/logo.png
Прегледај датотеку


+ 204 - 0
2.css/昵图网/demo.css
Прегледај датотеку 

@@ -0,0 +1,204 @@
 
+* {
 
+    margin: 0;
 
+    padding: 0;
 
+    list-style: none;
 
+    text-decoration: none;
 
+    box-sizing: border-box;
 
+}
 
+.header {
 
+    width: 100%;
 
+    height: 75px;
 
+}
 
+.header #contain {
 
+    width: 1260px;
 
+    height: 100%;
 
+    margin: 0 auto;
 
+    overflow: hidden;
 
+}
 
+.header #contain #logo{
 
+    width: 149px;
 
+    height: 45px;
 
+    float: left;
 
+    background: url('./images/soso.png');
 
+    background-position:217px 123px;
 
+    margin-top: 15px;
 
+}
 
+.header #contain #nav{
 
+    width: 352px;
 
+    height: 100%;
 
+    float: left;
 
+    margin-left: 68px;
 
+    line-height: 75px;
 
+    position: relative;
 
+} 
+.header #contain #nav ul {
 
+    overflow: hidden;
 
+}
 
+.header #contain #nav ul li {
 
+    float: left;
 
+    margin-left: 28px;
 
+}
 
+.header #contain #nav ul li a {
 
+    color: #000;
 
+    font-size: 16px;
 
+}
 
+
 
+.header #contain #nav ul li:first-child a {
 
+    color: #31ccff;
 
+}
 
+.header #contain #nav ul li:first-child {
 
+    margin-left: 0;
 
+}
 
+.header #contain #nav ul li:hover a {
 
+    color: #31ccff;
 
+}
 
+.header #contain #nav #tips {
 
+    width: 37px;
 
+    height: 14px;
 
+    background-color: #f5f7f9;
 
+    border-radius: 8px;
 
+    border: solid 1px #dddddd;
 
+    text-align: center;
 
+    line-height: 13px;
 
+    font-size: 12px;
 
+    color: #999999;
 
+    position: absolute;
 
+    top: 15px;
 
+    right: 14px;
 
+}
 
+.header #contain #btn{
 
+    width: 112px;
 
+    height: 38px;
 
+    float: right;
 
+    color: #fff;
 
+    text-align: center;
 
+    line-height: 38px;
 
+    font-size: 16px;
 
+    background: #1ebcf0;
 
+    border-radius: 4px;
 
+    border:1px solid #1ebcf0;
 
+    margin-top: 17px;
 
+    margin-right: 8px;
 
+}
 
+.header #contain #btn:hover {
 
+    background: #31ccff;
 
+}
 
+.main #banner {
 
+    width: 100%;
 
+    height: 482px;
 
+    background: url('./images/banner.jpg') no-repeat;
 
+    background-position: center;
 
+}
 
+.main #banner #inp {
 
+    width: 692px;
 
+    height: 58px;
 
+    background: rgba(0, 0, 0, .1);
 
+    position: absolute;
 
+    top: 215px;
 
+    left: 287px;
 
+    overflow: hidden;
 
+    border-radius: 3px;
 
+    padding: 4px 3px;
 
+}
 
+.main #banner #inp input {
 
+    float: left;
 
+    width: 588px;
 
+    height: 50px;
 
+    background: rgba(255,255,255,.88);
 
+    border: 1px solid #ccc;
 
+    outline: none;
 
+    border-top-left-radius: 3px;
 
+    border-bottom-left-radius: 3px;
 
+    font-size: 16px;
 
+    padding: 10px 20px;
 
+}
 
+.main #banner #inp img {
 
+    float: left;
 
+    width: 97px;
 
+    height: 50px;
 
+}
 
+.main #banner #contain {
 
+    width: 1260px;
 
+    height: 100%;
 
+    margin: 0 auto;
 
+    position: relative;
 
+}
 
+.main #mode1 {
 
+    width: 1260px;
 
+    height: 388px;
 
+    overflow: hidden;
 
+    margin: 60px auto 0;
 
+}
 
+.main #mode1 #part{
 
+    width: 290px;
 
+    height: 288px;
 
+    float: left;
 
+    margin-left: 33px;
 
+    margin-top: 50px;
 
+}
 
+.main #mode1 #part:first-child {
 
+    margin-left: 0;
 
+}
 
+
 
+.main #mode1 #part #picture {
 
+    width: 290px;
 
+    height: 200px;
 
+    position: relative;
 
+}
 
+.main #mode1 #part #picture img {
 
+    width: 290px;
 
+    height: 200px;
 
+}
 
+
 
+.main #mode1 #part p {
 
+    width: 100%;
 
+    height: 48px;
 
+    margin-top: 41px;
 
+    overflow: hidden;
 
+}
 
+
 
+.main #mode1 #part p span {
 
+    width: 140px;
 
+    height: 48px;
 
+    font-size: 14px;
 
+    text-align: center;
 
+    line-height: 48px;
 
+    color: #666;
 
+    float: left;
 
+    border-radius: 2px;
 
+    border: 1px solid #dfdfdf;
 
+}
 
+.main #mode1 #part p span:hover {
 
+    color:#1ebcf0;
 
+}
 
+.main #mode1 #part p span:last-child {
 
+    float: right;
 
+}
 
+
 
+.main #mode1 #part #picture #title {
 
+    width: 100%;
 
+    height: 50px;
 
+    color: #fff;
 
+    text-align: center;
 
+    position: absolute;
 
+    top: 150px;
 
+    left: 0;
 
+    line-height: 50px;
 
+    /* z-index: 2; */
 
+    background: rgba(0,0,0,.5);
 
+    display: none;
 
+}
 
+
 
+.main #mode1 #part #picture:hover #title {
 
+    display: block;
 
+}
 
+
 
+.main #mode2 {
 
+    width: 100%;
 
+    height: 608px;
 
+    background: #f6f6f6;
 
+}
 
+.main #mode3 {
 
+    width: 100%;
 
+    height: 286px;
 
+}

+ 87 - 0
2.css/昵图网/demo.html
Прегледај датотеку 

@@ -0,0 +1,87 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+  <head>
 
+    <meta charset="UTF-8" />
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
+    <title>Document</title>
 
+    <link rel="stylesheet" href="./demo.css" />
 
+  </head>
 
+  <body>
 
+    <div class="box">
 
+      <div class="header">
 
+        <div id="contain">
 
+          <div id="logo"></div>
 
+          <div id="nav">
 
+            <ul>
 
+              <li><a href="">首页</a></li>
 
+              <li><a href="">设计</a></li>
 
+              <li><a href="">摄影</a></li>
 
+              <li><a href="">多媒体</a></li>
 
+              <li><a href="">AI生画</a></li>
 
+            </ul>
 
+            <div id="tips">Beta</div>
 
+          </div>
 
+          <div id="btn">登录/注册</div>
 
+        </div>
 
+      </div>
 
+      <div class="main">
 
+        <div id="banner">
 
+          <div id="contain">
 
+            <div id="inp">
 
+              <input
 
+                type="text"
 
+                placeholder="请输入标题、关键字、作品编号搜索"
 
+              />
 
+              <img src="./images/newIndex-searchBtn.png" alt="" />
 
+            </div>
 
+          </div>
 
+        </div>
 
+        <div id="mode1">
 
+            <div id="part">
 
+              <div id="picture">
 
+                <img src="./images/1.jpg" alt="" />
 
+                <div id="title">春游美陈</div>
 
+              </div>
 
+              <p>
 
+                <span>台球</span>
 
+                <span>企业文化墙</span>
 
+              </p>
 
+            </div>
 
+            <div id="part">
 
+              <div id="picture">
 
+                <img src="./images/1.jpg" alt="" />
 
+                <div id="title">春游美陈</div>
 
+              </div>
 
+              <p>
 
+                <span>台球</span>
 
+                <span>企业文化墙</span>
 
+              </p>
 
+            </div>
 
+            <div id="part">
 
+              <div id="picture">
 
+                <img src="./images/1.jpg" alt="" />
 
+                <div id="title">春游美陈</div>
 
+              </div>
 
+              <p>
 
+                <span>台球</span>
 
+                <span>企业文化墙</span>
 
+              </p>
 
+            </div>
 
+            <div id="part">
 
+              <div id="picture">
 
+                <img src="./images/1.jpg" alt="" />
 
+                <div id="title">春游美陈</div>
 
+              </div>
 
+              <p>
 
+                <span>台球</span>
 
+                <span>企业文化墙</span>
 
+              </p>
 
+            </div>
 
+        </div>
 
+        <div id="mode2"></div>
 
+        <div id="mode3"></div>
 
+      </div>
 
+      <div class="footer"></div>
 
+    </div>
 
+  </body>
 
+</html>

BIN
2.css/昵图网/images/1.jpg
Прегледај датотеку


BIN
2.css/昵图网/images/banner.jpg
Прегледај датотеку


BIN
2.css/昵图网/images/newIndex-searchBtn.png
Прегледај датотеку


BIN
2.css/昵图网/images/soso.png
Прегледај датотеку


+ 22 - 0
3.js初级/js基础/1.js的引入.html
Прегледај датотеку 

@@ -0,0 +1,22 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+    <meta charset="UTF-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <title>Document</title>
 
+</head>
 
+<body>
 
+    <!-- 
+        js => JavaScript
 
+        弱语言类型
 
+    -->
 
+    <!-- 
+        1.在html标签中添加script标签
 
+        2.在script标签中的src属性里去引入js页面路径
 
+    -->
 
+    <!-- <script>
 
+        console.log("!1")
 
+    </script> -->
 
+    <script src="./index.js"></script>
 
+</body>
 
+</html>

+ 33 - 0
3.js初级/js基础/2.变量.html
Прегледај датотеку 

@@ -0,0 +1,33 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+    <meta charset="UTF-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <title>Document</title>
 
+    <!-- 
+        变量的命名规则
 
+            1.变量的命名由英文、数字、_(下划线)、$(美元符号)组成；
 
+            2.变量的开头首字母，由英文、数字、$(美元符号)组成；
 
+            3.变量不能由关键字命名；
 
+            4.变量的命名必须严格区分大小写；
 
+    -->
 
+</head>
 
+<body>
 
+    <script>
 
+        // 声明变量
 
+        // var 进行声明
 
+        // var 变量名字;
 
+        // 变量提升  var
 
+        console.log(test,'打印');
 
+        var test;
 
+        // 赋值
 
+        // test = 1;
 
+        var test1 = 21;
 
+        var Test1;
 
+
 
+        var new1;
 
+        console.log(test,test1);
 
+        // undefined 未定义的值
 
+    </script>
 
+</body>
 
+</html>

+ 48 - 0
3.js初级/js基础/3.类型.html
Прегледај датотеку 

@@ -0,0 +1,48 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+    <meta charset="UTF-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <title>Document</title>
 
+</head>
 
+<body>
 
+    <!-- 
+    
+        弱语言类型
 
+            数据 决定 类型
 
+        检验类型的方法：
 
+        typeof xxx   
+          null类型通过typeof会判断成object 
+        js数据类型：
 
+            基本数据类型：
 
+                number 数字
 
+                string 字符串
 
+                null 空
 
+                undefined 未定义的
 
+                boolean 布尔值（true/false）
 
+            引用数据类型 
+                Object(数组[]/对象{}/函数)
 
+    -->
 
+    <script>
 
+        var a = 10;
 
+        console.log(typeof a);//number
 
+        var b = '10';
 
+        console.log(typeof b);//string 
+        var c =  true;
 
+        console.log(typeof c);//boolean 
+        var d =  false;
 
+        console.log(typeof d);//boolean 
+        var e;
 
+        console.log(typeof e);//undefined 
+        var f = null; // null
 
+        console.log(typeof f);//null类型通过typeof会判断成object 
+        var g = [1,2,3];
 
+        console.log(typeof g);
 
+        var h = {
 
+            name:'小明'
 
+        }
 
+        console.log(typeof h)
 
+
 
+    </script>
 
+</body>
 
+</html>

+ 1 - 0
3.js初级/js基础/index.js
Прегледај датотеку 

@@ -0,0 +1 @@
 
+console.log("222")