teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

3

誤字

2020/03/12 01:54

投稿

shotaroice
shotaroice

スコア20

title CHANGED
File without changes
body CHANGED
@@ -4,57 +4,4 @@
4
4
 
5
5
  HTTrack Website Copierを使用してローカル環境で確認しようとしてもローカル環境だとアニメーションが再生されませんでした。
6
6
 
7
- 教えてくだされば幸いです。
7
+ 教えてくだされば幸いです。
8
-
9
- ```ここに言語を入力
10
- <!doctype html>
11
- <html>
12
- <head>
13
- <meta charset="utf-8">
14
- <title>無題ドキュメント</title>
15
- <style>
16
- .loading {
17
- padding: 20px;
18
- height: 100%;
19
- width: 100%;
20
- position: fixed;
21
- }
22
- .loading_txt {
23
- width: 600px;
24
- height: 600px;
25
- background: url(lodingtxt.png) center center no-repeat;
26
- position: absolute;
27
- padding: 20px;
28
- top: 0;
29
- bottom: 0;
30
- left: 0;
31
- right: 0;
32
- margin: auto;
33
- }
34
- </style>
35
- </head>
36
-
37
- <body>
38
- <div class="loading">
39
- <div class="loading_txt ripple"></div>
40
- </div>
41
- <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
42
- <script src="js/jquery.ripples-min.js"></script>
43
- <script>
44
- // Automatic drops
45
- setInterval(function() {
46
- var $el = $('.ripple');
47
- var x = Math.random() * $el.outerWidth();
48
- var y = Math.random() * $el.outerHeight();
49
- var dropRadius = 10;
50
- var strength = 0.04 + Math.random() * 0.04;
51
-
52
- $el.ripples('drop', x, y, dropRadius, strength);
53
- }, 800);
54
- </script>
55
- </body>
56
- </html>
57
- ```
58
- 追記
59
- 下記回答者様の記事を参考に構築してみましたが、ランダムに雨が降るような実装はできませんでした
60
- どこを誤っているのかご教示いただけますと幸いです。

2

コード追記

2020/03/12 01:54

投稿

shotaroice
shotaroice

スコア20

title CHANGED
File without changes
body CHANGED
File without changes

1

コード追記

2020/03/11 08:58

投稿

shotaroice
shotaroice

スコア20

title CHANGED
File without changes
body CHANGED
@@ -4,4 +4,57 @@
4
4
 
5
5
  HTTrack Website Copierを使用してローカル環境で確認しようとしてもローカル環境だとアニメーションが再生されませんでした。
6
6
 
7
- 教えてくだされば幸いです。
7
+ 教えてくだされば幸いです。
8
+
9
+ ```ここに言語を入力
10
+ <!doctype html>
11
+ <html>
12
+ <head>
13
+ <meta charset="utf-8">
14
+ <title>無題ドキュメント</title>
15
+ <style>
16
+ .loading {
17
+ padding: 20px;
18
+ height: 100%;
19
+ width: 100%;
20
+ position: fixed;
21
+ }
22
+ .loading_txt {
23
+ width: 600px;
24
+ height: 600px;
25
+ background: url(lodingtxt.png) center center no-repeat;
26
+ position: absolute;
27
+ padding: 20px;
28
+ top: 0;
29
+ bottom: 0;
30
+ left: 0;
31
+ right: 0;
32
+ margin: auto;
33
+ }
34
+ </style>
35
+ </head>
36
+
37
+ <body>
38
+ <div class="loading">
39
+ <div class="loading_txt ripple"></div>
40
+ </div>
41
+ <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
42
+ <script src="js/jquery.ripples-min.js"></script>
43
+ <script>
44
+ // Automatic drops
45
+ setInterval(function() {
46
+ var $el = $('.ripple');
47
+ var x = Math.random() * $el.outerWidth();
48
+ var y = Math.random() * $el.outerHeight();
49
+ var dropRadius = 10;
50
+ var strength = 0.04 + Math.random() * 0.04;
51
+
52
+ $el.ripples('drop', x, y, dropRadius, strength);
53
+ }, 800);
54
+ </script>
55
+ </body>
56
+ </html>
57
+ ```
58
+ 追記
59
+ 下記回答者様の記事を参考に構築してみましたが、ランダムに雨が降るような実装はできませんでした
60
+ どこを誤っているのかご教示いただけますと幸いです。