質問編集履歴
3
sample.js のコードを変えました!
test
CHANGED
File without changes
|
test
CHANGED
@@ -164,25 +164,15 @@
|
|
164
164
|
|
165
165
|
// 読み込んだらフェードアウト
|
166
166
|
|
167
|
-
|
167
|
+
window.addEventListener('DOMContentLoaded', function(){ //すべての読み込みが完了したら実行
|
168
168
|
|
169
|
-
|
169
|
+
$('#loader-bg').delay(900).fadeOut(800);
|
170
170
|
|
171
|
-
$('
|
171
|
+
$('#loader').delay(600).fadeOut(300);
|
172
172
|
|
173
|
-
|
173
|
+
$('.wrap').css('display', 'block');
|
174
174
|
|
175
|
-
// 10秒待っても読み込みが終わらない時は強制的にローディング画面をフェードアウト
|
176
|
-
|
177
|
-
function stopload(){
|
178
|
-
|
179
|
-
$('.loading').delay(1000).fadeOut(700);
|
180
|
-
|
181
|
-
}
|
175
|
+
});
|
182
|
-
|
183
|
-
setTimeout('stopload()',10000);
|
184
|
-
|
185
|
-
|
186
176
|
|
187
177
|
```
|
188
178
|
|
2
codeの入力
test
CHANGED
File without changes
|
test
CHANGED
@@ -52,7 +52,7 @@
|
|
52
52
|
|
53
53
|
### ローディング画面指定html
|
54
54
|
|
55
|
-
|
55
|
+
```ここに言語を入力
|
56
56
|
|
57
57
|
<header>
|
58
58
|
|
@@ -84,9 +84,17 @@
|
|
84
84
|
|
85
85
|
</header>
|
86
86
|
|
87
|
+
```
|
88
|
+
|
89
|
+
|
90
|
+
|
87
91
|
|
88
92
|
|
89
93
|
### css
|
94
|
+
|
95
|
+
|
96
|
+
|
97
|
+
```ここに言語を入力
|
90
98
|
|
91
99
|
/* ローディング画面の背景 */
|
92
100
|
|
@@ -148,7 +156,11 @@
|
|
148
156
|
|
149
157
|
}
|
150
158
|
|
159
|
+
```
|
160
|
+
|
151
161
|
### sample.js
|
162
|
+
|
163
|
+
```ここに言語を入力
|
152
164
|
|
153
165
|
// 読み込んだらフェードアウト
|
154
166
|
|
@@ -172,6 +184,8 @@
|
|
172
184
|
|
173
185
|
|
174
186
|
|
187
|
+
```
|
188
|
+
|
175
189
|
|
176
190
|
|
177
191
|
|
1
<script type="text/javascript" src="js/sample.js"></script>
test
CHANGED
File without changes
|
test
CHANGED
@@ -44,7 +44,7 @@
|
|
44
44
|
|
45
45
|
headの中に
|
46
46
|
|
47
|
-
|
47
|
+
<script type="text/javascript" src="js/sample.js"></script>
|
48
48
|
|
49
49
|
<script type="text/javascript" src="js/jquery-3.5.1.min.js">
|
50
50
|
|