小刘同学的第三十六篇博文

2018-06-24 01:27:15来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

  回到家的第一天。。。

  心静不下来,代码自然写不好。。。。。。

  可能是太久没回家了,在寝室收拾东西的时候居然把钥匙落下了……

决定以后要把没写完的作业也公布出来,之前一直都是给自己拖延的借口和懒惰的理由,现在连一天一个小小的homework都完不成,还写什么程序,这样的开发速度找得到工作?(〝▼皿▼)

  以后我没写完的,大家看看,有时间就比我先写一份,以鞭策我自己,省得自己写不完,那就拖一天,第二天写不完,又拖一天,要像高中老师讲课那样子,没写完是自己的事,反正第二天照常公布答案,你就自己对着答案找吧。。不过你自己啥也学不到!!

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>homework4</title>
 6     <style>
 7         html, body{
 8             margin: 0;
 9             padding: 0;
10             width: 100%;
11         }
12         ul {
13             margin: 0;
14             padding: 0;
15             list-style: none;
16         }
17         .bg {
18             height: 100vh;
19             width: 100%;
20         }
21         #one {
22 
23         }
24     </style>
25 </head>
26 <body>
27 <!-- 
28 /**
29  * 
30  * @author: xiaoliu
31  * @type: NO.17-homework4
32  * @data: 2018-01-27
33  * @finished: 2018-01-2
34  * 
35  */
36 -->
37 <ul id="main">
38     <li class="bg" id="one"></li>
39     <li class="bg" id="two"></li>
40     <li class="bg" id="three"></li>
41     <li class="bg" id="four"></li>
42     <li class="bg" id="five"></li>
43     <li class="bg" id="six"></li>
44     <li class="bg" id="seven"></li>
45 </ul>
46 <script>
47     window.onload = function () {
48         var bg = document.getElementsByTagName("li");
49         // 初始化bgColor
50         bg[0].style.backgroundColor = "red";
51         bg[1].style.backgroundColor = "orange";
52         bg[2].style.backgroundColor = "yellow";
53         bg[3].style.backgroundColor = "green";
54         bg[4].style.backgroundColor = "cyan";
55         bg[5].style.backgroundColor = "blue";
56         bg[6].style.backgroundColor = "purple";
57         window.onmousewheel = function (event) {
58             if (event.wheelDelta > 0) {
59                 
60             }
61         }
62     }
63 </script>
64 </body>
65 </html>

  很明显,今天就是个反面的典型,不知道写代码的时候在想啥?!在这里坐了两个小时,还是没写出来!!!![○?`Д′? ○]

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:JS应用实例2:轮播图

下一篇:JS应用实例6:二级联动