回答編集履歴
5
wskxok
test
CHANGED
@@ -68,7 +68,7 @@
|
|
68
68
|
|
69
69
|
$("#loading").delay(1000).fadeOut();
|
70
70
|
|
71
|
-
$("main").delay(
|
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
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"
|
75
|
+
$(".menu").delay(3000).animate({top:"0"},"slow", "swing");
|
76
76
|
|
77
77
|
}
|
78
78
|
|
3
djdcいwjn
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(
|
71
|
+
$("main").delay(2000).fadeIn();
|
72
72
|
|
73
|
-
$("img").delay(
|
73
|
+
$("img").delay(3000).animate({width:"90%",marginLeft:"5%",marginTop:"2em",height:"auto"},"slow", "swing");
|
74
74
|
|
75
|
-
$(".menu").delay(
|
75
|
+
$(".menu").delay(3000).animate({top:"0",height:"auto"},"slow", "swing");
|
76
76
|
|
77
77
|
}
|
78
78
|
|
2
ruii
test
CHANGED
@@ -10,13 +10,17 @@
|
|
10
10
|
|
11
11
|
</div>
|
12
12
|
|
13
|
-
<
|
13
|
+
<main>
|
14
14
|
|
15
|
-
|
15
|
+
<div class=menu>
|
16
16
|
|
17
|
-
|
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
|
-
|
39
|
+
main {
|
36
40
|
|
37
41
|
display:none
|
38
42
|
|
@@ -64,16 +68,18 @@
|
|
64
68
|
|
65
69
|
$("#loading").fadeOut();
|
66
70
|
|
67
|
-
$("
|
71
|
+
$("main").delay(1000).fadeIn();
|
68
72
|
|
69
|
-
$("
|
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
|
-
|
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
編集
test
CHANGED
@@ -16,11 +16,7 @@
|
|
16
16
|
|
17
17
|
</div>
|
18
18
|
|
19
|
-
<div id="main">
|
20
|
-
|
21
|
-
|
19
|
+
<img src=https://4k-wallpaper.com/3840x2160/4k-Ultra-HD_00348.jpg>
|
22
|
-
|
23
|
-
</div>
|
24
20
|
|
25
21
|
</body>
|
26
22
|
|