質問編集履歴
6
訂正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -54,12 +54,12 @@
|
|
|
54
54
|
|
|
55
55
|
<input type="button" value="Click" onclick="obj.style.transition='all 0.5s ease-in-out';obj.style.transform='translateX(-100%)';">
|
|
56
56
|
|
|
57
|
-
|
|
57
|
+
|
|
58
58
|
|
|
59
59
|
<div id="obj" style="width:100%;height:100%;background:red;float:left"></div>
|
|
60
60
|
|
|
61
61
|
<div style="width:100%;height:100%;background:blue;float:left"></div>
|
|
62
62
|
|
|
63
|
-
|
|
63
|
+
|
|
64
64
|
|
|
65
65
|
```
|
5
訂正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
|
|
13
|
-
下記
|
|
13
|
+
下記ソースを見ていただけますでしょうか
|
|
14
14
|
|
|
15
15
|
赤色のボックスをずらしても青色が動くことはありません
|
|
16
16
|
|
|
@@ -22,15 +22,7 @@
|
|
|
22
22
|
|
|
23
23
|
|
|
24
24
|
|
|
25
|
-
※追記
|
|
26
|
-
|
|
27
|
-
下記②のソースになりますが別途で青色にidを付けて動かそうとしてますが、
|
|
28
|
-
|
|
29
|
-
これもうまい具合に動いてくれません
|
|
30
|
-
|
|
31
|
-
すみません、こちら動きましたが、
|
|
32
|
-
|
|
33
|
-
|
|
25
|
+
赤色が移動した分青色を詰めるやり方が知りたいです
|
|
34
26
|
|
|
35
27
|
よろしくお願いいたします
|
|
36
28
|
|
|
@@ -41,8 +33,6 @@
|
|
|
41
33
|
|
|
42
34
|
|
|
43
35
|
```ここに言語名を入力
|
|
44
|
-
|
|
45
|
-
１
|
|
46
36
|
|
|
47
37
|
|
|
48
38
|
|
|
@@ -66,48 +56,10 @@
|
|
|
66
56
|
|
|
67
57
|
<div style="width:100%;height:100%">
|
|
68
58
|
|
|
69
|
-
<div id="obj" style="width:
|
|
59
|
+
<div id="obj" style="width:100%;height:100%;background:red;float:left"></div>
|
|
70
60
|
|
|
71
|
-
<div style="width:10%;height:100%;background:blue;float:left"></div>
|
|
61
|
+
<div style="width:100%;height:100%;background:blue;float:left"></div>
|
|
72
62
|
|
|
73
63
|
</div>
|
|
74
64
|
|
|
75
65
|
```
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
```ここに言語を入力
|
|
82
|
-
|
|
83
|
-
２
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
<style>
|
|
88
|
-
|
|
89
|
-
body,html{
|
|
90
|
-
|
|
91
|
-
height:100%;
|
|
92
|
-
|
|
93
|
-
margin:0;
|
|
94
|
-
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
</style>
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
<input type="button" value="Click" onclick="obj.style.transition='all 0.5s ease-in-out';obj2.style.transition='all 0.5s ease-in-out';obj.style.transform='translateX(-900%)';obj2.style.transform='translateX(-90%)'">
|
|
104
|
-
|
|
105
|
-
<div style="width:100%;height:100%">
|
|
106
|
-
|
|
107
|
-
<div id="obj" style="width:90%;height:100%;background:red;float:left"></div>
|
|
108
|
-
|
|
109
|
-
<div id="obj2" style="width:10%;height:100%;background:blue;float:left"></div>
|
|
110
|
-
|
|
111
|
-
</div>
|
|
112
|
-
|
|
113
|
-
```
|
4
追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -22,11 +22,13 @@
|
|
|
22
22
|
|
|
23
23
|
|
|
24
24
|
|
|
25
|
+
※追記
|
|
26
|
+
|
|
25
27
|
下記②のソースになりますが別途で青色にidを付けて動かそうとしてますが、
|
|
26
28
|
|
|
27
29
|
これもうまい具合に動いてくれません
|
|
28
30
|
|
|
29
|
-
|
|
31
|
+
すみません、こちら動きましたが、
|
|
30
32
|
|
|
31
33
|
できれば①のやり方で赤色が移動した分青色を詰めるやり方が知りたいです
|
|
32
34
|
|
|
@@ -98,7 +100,7 @@
|
|
|
98
100
|
|
|
99
101
|
|
|
100
102
|
|
|
101
|
-
<input type="button" value="Click" onclick="obj.style.transition='all 0.5s ease-in-out';obj2.style.transition='all 0.5s ease-in-out';obj.style.transform='translateX(-
|
|
103
|
+
<input type="button" value="Click" onclick="obj.style.transition='all 0.5s ease-in-out';obj2.style.transition='all 0.5s ease-in-out';obj.style.transform='translateX(-900%)';obj2.style.transform='translateX(-90%)'">
|
|
102
104
|
|
|
103
105
|
<div style="width:100%;height:100%">
|
|
104
106
|
|
3
追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
|
|
23
23
|
|
|
24
24
|
|
|
25
|
-
下記②のソースになりますが別途で青色を付けて動かそうとしてますが、
|
|
25
|
+
下記②のソースになりますが別途で青色にidを付けて動かそうとしてますが、
|
|
26
26
|
|
|
27
27
|
これもうまい具合に動いてくれません
|
|
28
28
|
|
2
訂正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
|
|
61
61
|
|
|
62
62
|
|
|
63
|
-
<input type="button" value="Click" onclick="obj.style.transition='all 0.5s ease-in-out';obj
|
|
63
|
+
<input type="button" value="Click" onclick="obj.style.transition='all 0.5s ease-in-out';obj.style.transform='translateX(-100%)';">
|
|
64
64
|
|
|
65
65
|
<div style="width:100%;height:100%">
|
|
66
66
|
|
1
追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
|
|
61
61
|
|
|
62
62
|
|
|
63
|
-
<input type="button" value="Click" onclick="obj.style.transition='all 0.5s ease-in-out';obj.style.transform='translateX(-100%)';">
|
|
63
|
+
<input type="button" value="Click" onclick="obj.style.transition='all 0.5s ease-in-out';obj2.style.transition='all 0.5s ease-in-out';obj.style.transform='translateX(-100%)';">
|
|
64
64
|
|
|
65
65
|
<div style="width:100%;height:100%">
|
|
66
66
|
|
|
@@ -98,7 +98,7 @@
|
|
|
98
98
|
|
|
99
99
|
|
|
100
100
|
|
|
101
|
-
<input type="button" value="Click" onclick="obj.style.transition='all 0.5s ease-in-out';obj.style.transform='translateX(-100%)';obj2.style.transform='translateX(-90%)'">
|
|
101
|
+
<input type="button" value="Click" onclick="obj.style.transition='all 0.5s ease-in-out';obj2.style.transition='all 0.5s ease-in-out';obj.style.transform='translateX(-100%)';obj2.style.transform='translateX(-90%)'">
|
|
102
102
|
|
|
103
103
|
<div style="width:100%;height:100%">
|
|
104
104
|
|