回答編集履歴

5

wskxok

2019/10/02 03:20

投稿

kyoya0819
kyoya0819

スコア10429

test CHANGED
@@ -68,7 +68,7 @@
68
68
 
69
69
  $("#loading").delay(1000).fadeOut();
70
70
 
71
- $("main").delay(2000).fadeIn();
71
+ $("main").delay(1500).fadeIn();
72
72
 
73
73
  $("img").delay(3000).animate({width:"90%",marginLeft:"5%",marginTop:"2em",height:"auto"},"slow", "swing");
74
74
 

4

jascihn

2019/10/02 03:19

投稿

kyoya0819
kyoya0819

スコア10429

test CHANGED
@@ -72,7 +72,7 @@
72
72
 
73
73
  $("img").delay(3000).animate({width:"90%",marginLeft:"5%",marginTop:"2em",height:"auto"},"slow", "swing");
74
74
 
75
- $(".menu").delay(3000).animate({top:"0",height:"auto"},"slow", "swing");
75
+ $(".menu").delay(3000).animate({top:"0"},"slow", "swing");
76
76
 
77
77
  }
78
78
 

3

djdcいwjn

2019/10/02 03:18

投稿

kyoya0819
kyoya0819

スコア10429

test CHANGED
@@ -66,13 +66,13 @@
66
66
 
67
67
  window.onload = function () {
68
68
 
69
- $("#loading").fadeOut();
69
+ $("#loading").delay(1000).fadeOut();
70
70
 
71
- $("main").delay(1000).fadeIn();
71
+ $("main").delay(2000).fadeIn();
72
72
 
73
- $("img").delay(2000).animate({width:"90%",marginLeft:"5%",marginTop:"2em",height:"auto"},"slow", "swing");
73
+ $("img").delay(3000).animate({width:"90%",marginLeft:"5%",marginTop:"2em",height:"auto"},"slow", "swing");
74
74
 
75
- $(".menu").delay(2000).animate({top:"0",height:"auto"},"slow", "swing");
75
+ $(".menu").delay(3000).animate({top:"0",height:"auto"},"slow", "swing");
76
76
 
77
77
  }
78
78
 

2

ruii

2019/10/02 03:12

投稿

kyoya0819
kyoya0819

スコア10429

test CHANGED
@@ -10,13 +10,17 @@
10
10
 
11
11
  </div>
12
12
 
13
- <div class=menu>
13
+ <main>
14
14
 
15
- MeNu
15
+ <div class=menu>
16
16
 
17
- </div>
17
+ MeNu
18
18
 
19
+ </div>
20
+
19
- <img src=https://4k-wallpaper.com/3840x2160/4k-Ultra-HD_00348.jpg>
21
+ <img src=https://4k-wallpaper.com/3840x2160/4k-Ultra-HD_00348.jpg>
22
+
23
+ </main>
20
24
 
21
25
  </body>
22
26
 
@@ -32,7 +36,7 @@
32
36
 
33
37
  }
34
38
 
35
- div:not(#loading) {
39
+ main {
36
40
 
37
41
  display:none
38
42
 
@@ -64,16 +68,18 @@
64
68
 
65
69
  $("#loading").fadeOut();
66
70
 
67
- $("div").not("#loading").delay(1000);
71
+ $("main").delay(1000).fadeIn();
68
72
 
69
- $("div").not("#loading").fadeIn();
73
+ $("img").delay(2000).animate({width:"90%",marginLeft:"5%",marginTop:"2em",height:"auto"},"slow", "swing");
70
74
 
71
- $("img").delay(1000).animate({width:"90%",marginLeft:"5%",marginTop:"2em",height:"auto"},"slow", "swing");
72
-
73
- $(".menu").animate({top:"0",height:"auto"},"slow", "swing");
75
+ $(".menu").delay(2000).animate({top:"0",height:"auto"},"slow", "swing");
74
76
 
75
77
  }
76
78
 
77
79
  ```
78
80
 
81
+
82
+
83
+ 何気に自信作です。
84
+
79
85
  [サンプル](https://cdpn.io/asuchi0819/debug/PoYMbNp/jVkpobJYJgwA)

1

編集

2019/10/02 03:09

投稿

kyoya0819
kyoya0819

スコア10429

test CHANGED
@@ -16,11 +16,7 @@
16
16
 
17
17
  </div>
18
18
 
19
- <div id="main">
20
-
21
- <img src=https://4k-wallpaper.com/3840x2160/4k-Ultra-HD_00348.jpg>
19
+ <img src=https://4k-wallpaper.com/3840x2160/4k-Ultra-HD_00348.jpg>
22
-
23
- </div>
24
20
 
25
21
  </body>
26
22