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

質問編集履歴

4

修正

2020/11/16 08:56

投稿

shun_1110
shun_1110

スコア1

title CHANGED
File without changes
body CHANGED
@@ -33,7 +33,7 @@
33
33
  <body>
34
34
  <div id="butuun">ボタン</div>
35
35
  <div class="random"><img src="1.jpg"></div>
36
- <div id="abcdefc"><img src="abcdefc.jpg"></div>
36
+ <div id="abcdef"><img src="abcdef.jpg"></div>
37
37
  </body>
38
38
 
39
39
  ```

3

修正しました。

2020/11/16 08:56

投稿

shun_1110
shun_1110

スコア1

title CHANGED
File without changes
body CHANGED
@@ -33,7 +33,7 @@
33
33
  <body>
34
34
  <div id="butuun">ボタン</div>
35
35
  <div class="random"><img src="1.jpg"></div>
36
- <div class="abcdefc"><img src="abcdefc.jpg"></div>
36
+ <div id="abcdefc"><img src="abcdefc.jpg"></div>
37
37
  </body>
38
38
 
39
39
  ```

2

htmlコードを記載しました。

2020/11/16 08:40

投稿

shun_1110
shun_1110

スコア1

title CHANGED
File without changes
body CHANGED
@@ -29,9 +29,13 @@
29
29
  html
30
30
 
31
31
  ```
32
+
33
+ <body>
34
+ <div id="butuun">ボタン</div>
32
35
  <div class="random"><img src="1.jpg"></div>
36
+ <div class="abcdefc"><img src="abcdefc.jpg"></div>
37
+ </body>
33
38
 
34
-
35
39
  ```
36
40
  css
37
41
 

1

```で囲みました。どうぞよろしくお願いします。

2020/11/16 07:41

投稿

shun_1110
shun_1110

スコア1

title CHANGED
File without changes
body CHANGED
@@ -1,6 +1,6 @@
1
1
  jQueryでボタンを押したら非表示の6つの画像の中から1つランダム表示させて、その出た画像によって画像が動くなどの演出処理をしたいのですが、調べても分からず教えて頂きたいです。下記のように乱数を使って途中までやりましたが反応しませんでした。(表示したい画像は最初非表示にしてその演出処理が終わったらまた非表示にしたいです。)
2
2
 
3
-
3
+ ```
4
4
  $(function(){
5
5
  $('#buttun').on('click',function(){
6
6
 
@@ -19,23 +19,28 @@
19
19
  });
20
20
 
21
21
 
22
+ ```
22
23
 
23
24
  (表示後の演出は#abcdefが動いて出た画像によって移動距離が変わるようにしたいです。)
24
25
  $("#abcdef").animate({
25
26
  "marginLeft": "000px"
26
27
  });
27
28
 
28
-
29
29
  html
30
30
 
31
+ ```
31
32
  <div class="random"><img src="1.jpg"></div>
32
33
 
33
34
 
35
+ ```
34
36
  css
35
37
 
38
+ ```
36
39
  .random{
37
40
  position: absolute;
38
41
  width:100px;
39
42
  top: 0;
40
43
  left: 0;
41
- }
44
+ }
45
+
46
+ ```