kkl / Probability Death

Go to a project
Toggle navigation Toggle navigation pinning
이승규
2690ddc4 1 parent ab48f5be

새로운 페이지 업데이트

Inline Side-by-side
Showing 2 changed files with 119 additions and 14 deletions
1 +<!DOCTYPE html>
1 <head> 2 <head>
2 <link href="https://fonts.googleapis.com/css?family=Nanum+Brush+Script&amp;subset=korean" rel="stylesheet" /> 3 <link href="https://fonts.googleapis.com/css?family=Nanum+Brush+Script&amp;subset=korean" rel="stylesheet" />
3 <link href="https://fonts.googleapis.com/css?family=Yeon+Sung&amp;subset=korean" rel="stylesheet" /> 4 <link href="https://fonts.googleapis.com/css?family=Yeon+Sung&amp;subset=korean" rel="stylesheet" />
...@@ -13,6 +14,17 @@ ...@@ -13,6 +14,17 @@
13 body { 14 body {
14 margin: 0; 15 margin: 0;
15 padding: 0; 16 padding: 0;
17 + margin-left:0px;
18 + margin-top:0px;
19 + margin-right:0px;
20 + margin-bottom:0px;
21 + width : 100%;
22 + font-size: 3.0em;
23 + line-height: 3.0em;
24 + font-weight : bold;
25 + font-family: Yeon Sung;
26 + text-align:center;
27 + color: white;
16 28
17 /* background: linear-gradient( to bottom, #65799B, rgb(38, 14, 41) ); */ 29 /* background: linear-gradient( to bottom, #65799B, rgb(38, 14, 41) ); */
18 /* background-color:#65799B; */ 30 /* background-color:#65799B; */
...@@ -20,6 +32,17 @@ ...@@ -20,6 +32,17 @@
20 background-repeat: no-repeat; 32 background-repeat: no-repeat;
21 background-size: cover; */ 33 background-size: cover; */
22 } 34 }
35 +
36 +
37 +
38 + #center_top1 {position:absolute; top:50px; left:550px; height :25%; overflow:hidden; }
39 +
40 + #center_top2 {position:absolute; top:200px; left:600px; height :25%; overflow:hidden;}
41 +
42 + #center_top3 {position:absolute; top:350px; left:500px; height :25%; overflow:hidden;}
43 +
44 + #center_top4 {position:absolute; top:500px; left:670px; height :25%; overflow:hidden; }
45 +
23 #banner { 46 #banner {
24 position: absolute; 47 position: absolute;
25 top: 0; 48 top: 0;
...@@ -29,21 +52,45 @@ ...@@ -29,21 +52,45 @@
29 </style> 52 </style>
30 </head> 53 </head>
31 <body> 54 <body>
32 - <img src="images/background.jpg" alt="" style="z-index:-1; min-width: 100%; min-height: 100%"width="50%" height="100%"> 55 + <img src="images/indexWallpaper.jpg" alt="" style="z-index:-1; min-width: 100%; min-height: 100%"width="50%" height="100%">
33 -
34 - <div class="menu">
35 56
36 - <a id ="home">Home</a> 57 + <div id = "center_top1">
37 - <a id ="paris">Paris</a> 58 + (사용자정보) 님은
38 - <a id ="seoul">Seoul</a> 59 + </div>
39 - <a id ="tokyo">Tokyo</a> 60 + <div id = "center_top2">
61 + <div id = "timerTxt"></div>
62 + </div>
63 + <div id = "center_top3">
64 + (사고 요인)로 인해 사망
65 + </div>
66 + <div id = "center_top4">
67 + 합니다.
40 </div> 68 </div>
41 69
70 + <script type = "text/javascript">
71 + var timerId;
72 + var timerSec = 3;
73 +
74 + window.onload = function(){
75 + timerId = setInterval('timer()', 1000);
76 + }
77 +
78 + function timer(){
79 + var min = Math.floor(timerSec / 60)
80 + var sec = timerSec % 60;
81 + var hour = Math.floor(timerSec / 3600)
82 +
83 + var msg = (hour < 10 ? "0" + hour : hour) + ":" + (min < 10 ? "0" + min : min) + ":" + (sec < 10 ? "0" + sec : sec);
84 + timerSec--;
85 +
86 + if (timerSec < 0){ // time end
87 + clearInterval(timerId);
88 + }
89 +
90 + document.getElementById("timerTxt").innerHTML = msg ;
91 + }
92 +
93 + </script>
94 +
95 + </body>
42 96
43 - <img id ="photo" src="../image/home.png" width="50%" height="50%">
44 - <script
45 - src="https://code.jquery.com/jquery-3.4.1.js"
46 - integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU="
47 - crossorigin="anonymous"></script>
48 - <script src="../js/kts.js"type="text/javascript"></script>
49 -</body>
...\ No newline at end of file ...\ No newline at end of file
......
1 +<!DOCTYPE html>
2 +<html>
3 + <head>
4 + <style type = "text/css">
5 + body {margin-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; width : 100%; font-size: 3.0em; line-height: 3.0em; font-weight : bold; font-family: Yeon Sung; text-align:center; color:white; background-image:url(../public/images/indexWallpaper.jpg); }
6 +
7 +
8 + #center_top1 {position:absolute; top:50px; left:550px; height :25%; overflow:hidden; }
9 +
10 + #center_top2 {position:absolute; top:200px; left:600px; height :25%; overflow:hidden;}
11 + #center_top3 {position:absolute; top:350px; left:500px; height :25%; overflow:hidden;}
12 +
13 + #center_top4 {position:absolute; top:500px; left:670px; height :25%; overflow:hidden; }
14 + </style>
15 + </head>
16 +
17 + <body>
18 +
19 + <div id = "center_top1">
20 + (사용자정보) 님은
21 + </div>
22 + <div id = "center_top2">
23 + <div id = "timerTxt"></div>
24 + </div>
25 + <div id = "center_top3">
26 + (사고 요인)로 인해 사망
27 + </div>
28 + <div id = "center_top4">
29 + 합니다.
30 + </div>
31 +
32 + <script type = "text/javascript">
33 + var timerId;
34 + var timerSec = 3;
35 +
36 + window.onload = function(){
37 + timerId = setInterval('timer()', 1000);
38 + }
39 +
40 + function timer(){
41 + var min = Math.floor(timerSec / 60)
42 + var sec = timerSec % 60;
43 + var hour = Math.floor(timerSec / 3600)
44 +
45 + var msg = (hour < 10 ? "0" + hour : hour) + ":" + (min < 10 ? "0" + min : min) + ":" + (sec < 10 ? "0" + sec : sec);
46 + timerSec--;
47 +
48 + if (timerSec < 0){ // time end
49 + clearInterval(timerId);
50 + }
51 +
52 + document.getElementById("timerTxt").innerHTML = msg ;
53 + }
54 +
55 + </script>
56 +
57 + </body>
58 +</html>
...\ No newline at end of file ...\ No newline at end of file