回答編集履歴
5
wskxok
answer
CHANGED
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
```jQuery
|
|
34
34
|
window.onload = function () {
|
|
35
35
|
$("#loading").delay(1000).fadeOut();
|
|
36
|
-
$("main").delay(
|
|
36
|
+
$("main").delay(1500).fadeIn();
|
|
37
37
|
$("img").delay(3000).animate({width:"90%",marginLeft:"5%",marginTop:"2em",height:"auto"},"slow", "swing");
|
|
38
38
|
$(".menu").delay(3000).animate({top:"0"},"slow", "swing");
|
|
39
39
|
}
|
4
jascihn
answer
CHANGED
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
$("#loading").delay(1000).fadeOut();
|
|
36
36
|
$("main").delay(2000).fadeIn();
|
|
37
37
|
$("img").delay(3000).animate({width:"90%",marginLeft:"5%",marginTop:"2em",height:"auto"},"slow", "swing");
|
|
38
|
-
$(".menu").delay(3000).animate({top:"0"
|
|
38
|
+
$(".menu").delay(3000).animate({top:"0"},"slow", "swing");
|
|
39
39
|
}
|
|
40
40
|
```
|
|
41
41
|
|
3
djdcいwjn
answer
CHANGED
|
@@ -32,10 +32,10 @@
|
|
|
32
32
|
```
|
|
33
33
|
```jQuery
|
|
34
34
|
window.onload = function () {
|
|
35
|
-
$("#loading").fadeOut();
|
|
35
|
+
$("#loading").delay(1000).fadeOut();
|
|
36
|
-
$("main").delay(
|
|
36
|
+
$("main").delay(2000).fadeIn();
|
|
37
|
-
$("img").delay(
|
|
37
|
+
$("img").delay(3000).animate({width:"90%",marginLeft:"5%",marginTop:"2em",height:"auto"},"slow", "swing");
|
|
38
|
-
$(".menu").delay(
|
|
38
|
+
$(".menu").delay(3000).animate({top:"0",height:"auto"},"slow", "swing");
|
|
39
39
|
}
|
|
40
40
|
```
|
|
41
41
|
|
2
ruii
answer
CHANGED
|
@@ -4,10 +4,12 @@
|
|
|
4
4
|
<div id="loading">
|
|
5
5
|
LOADING
|
|
6
6
|
</div>
|
|
7
|
+
<main>
|
|
7
|
-
|
|
8
|
+
<div class=menu>
|
|
8
|
-
|
|
9
|
+
MeNu
|
|
9
|
-
|
|
10
|
+
</div>
|
|
10
|
-
|
|
11
|
+
<img src=https://4k-wallpaper.com/3840x2160/4k-Ultra-HD_00348.jpg>
|
|
12
|
+
</main>
|
|
11
13
|
</body>
|
|
12
14
|
```
|
|
13
15
|
```CSs
|
|
@@ -15,7 +17,7 @@
|
|
|
15
17
|
margin: 0;
|
|
16
18
|
padding: 0
|
|
17
19
|
}
|
|
18
|
-
|
|
20
|
+
main {
|
|
19
21
|
display:none
|
|
20
22
|
}
|
|
21
23
|
img {
|
|
@@ -31,10 +33,11 @@
|
|
|
31
33
|
```jQuery
|
|
32
34
|
window.onload = function () {
|
|
33
35
|
$("#loading").fadeOut();
|
|
34
|
-
$("div").not("#loading").delay(1000);
|
|
35
|
-
$("
|
|
36
|
+
$("main").delay(1000).fadeIn();
|
|
36
|
-
$("img").delay(
|
|
37
|
+
$("img").delay(2000).animate({width:"90%",marginLeft:"5%",marginTop:"2em",height:"auto"},"slow", "swing");
|
|
37
|
-
|
|
38
|
+
$(".menu").delay(2000).animate({top:"0",height:"auto"},"slow", "swing");
|
|
38
39
|
}
|
|
39
40
|
```
|
|
41
|
+
|
|
42
|
+
何気に自信作です。
|
|
40
43
|
[サンプル](https://cdpn.io/asuchi0819/debug/PoYMbNp/jVkpobJYJgwA)
|
1
編集
answer
CHANGED
|
@@ -7,9 +7,7 @@
|
|
|
7
7
|
<div class=menu>
|
|
8
8
|
MeNu
|
|
9
9
|
</div>
|
|
10
|
-
<div id="main">
|
|
11
|
-
|
|
10
|
+
<img src=https://4k-wallpaper.com/3840x2160/4k-Ultra-HD_00348.jpg>
|
|
12
|
-
</div>
|
|
13
11
|
</body>
|
|
14
12
|
```
|
|
15
13
|
```CSs
|