質問編集履歴
5
説明を変更しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,20 +1,14 @@
|
|
|
1
|
-
|
|
1
|
+
ムード漂わせるサイトを作りたいです。
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
リビングにいるときの優しい蛍光色の照明をみていました。
|
|
8
|
-
|
|
9
|
-
|
|
3
|
+
スイッチのオン・オフ以外にも明るさを調整できるライトのような背景色で
|
|
10
|
-
|
|
11
|
-
|
|
4
|
+
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
5
|
+
ウェブにもこういったスイッチ効果を表現できないかと考えていています。
|
|
6
|
+
|
|
16
|
-
|
|
7
|
+
下記のコードのように、画像をクリックすると、
|
|
8
|
+
|
|
17
|
-
|
|
9
|
+
ウェブサイトの背景の色がデフォルトの白から黒め影に映るに変わり、
|
|
10
|
+
|
|
11
|
+
昼から夜に移行する自然現象のようなグラジュエーション効果を実現したいです。。
|
|
18
12
|
|
|
19
13
|
|
|
20
14
|
|
4
CSSを修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -208,7 +208,7 @@
|
|
|
208
208
|
|
|
209
209
|
```ここに言語を入力
|
|
210
210
|
|
|
211
|
-
|
|
211
|
+
#mypic {
|
|
212
212
|
|
|
213
213
|
-webkit-transition: all 0.3s ease;
|
|
214
214
|
|
|
@@ -224,7 +224,7 @@
|
|
|
224
224
|
|
|
225
225
|
|
|
226
226
|
|
|
227
|
-
|
|
227
|
+
#div one:disp() {
|
|
228
228
|
|
|
229
229
|
background-color #ffc9d7;
|
|
230
230
|
|
|
@@ -232,7 +232,7 @@
|
|
|
232
232
|
|
|
233
233
|
|
|
234
234
|
|
|
235
|
-
|
|
235
|
+
#div kaisetu{
|
|
236
236
|
|
|
237
237
|
font-color: FFF;
|
|
238
238
|
|
3
修正後後の脱字
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
|
|
37
37
|
|
|
38
38
|
|
|
39
|
-
### （修正後
|
|
39
|
+
### （修正後）
|
|
40
40
|
|
|
41
41
|
1. 全角か<!-----画像が表示される---->
|
|
42
42
|
|
2
コメントへの回答を追記しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
「お」、
|
|
2
|
-
|
|
3
|
-
と言わせるようなサイトを作りたく考えていたことろ
|
|
1
|
+
「お」、 と言わせるようなサイトを作りたく考えていたことろ
|
|
4
2
|
|
|
5
3
|
ウェブサイトにはムードを表現するのが重要と気づきました。
|
|
6
4
|
|
|
@@ -20,6 +18,40 @@
|
|
|
20
18
|
|
|
21
19
|
|
|
22
20
|
|
|
21
|
+
### ■ コメントへの回答：作業状況 ■
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
### （問題提議）
|
|
26
|
+
|
|
27
|
+
1. コメントが全角である <!-----画像が表示されるーーーー>
|
|
28
|
+
|
|
29
|
+
2. myAudio のidがついた要素がない
|
|
30
|
+
|
|
31
|
+
3. htmlではidが指定、cssではクラス指定 "."
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
### （修正後後）
|
|
40
|
+
|
|
41
|
+
1. 全角か<!-----画像が表示される---->
|
|
42
|
+
|
|
43
|
+
2. <audio>ラインを追加
|
|
44
|
+
|
|
45
|
+
3. CSSのクラス指定を"#" に変更
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
|
|
50
|
+
|
|
51
|
+
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
|
|
52
|
+
|
|
53
|
+
|
|
54
|
+
|
|
23
55
|
|
|
24
56
|
|
|
25
57
|
```ここに言語を入力
|
1
音楽変更
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -74,7 +74,11 @@
|
|
|
74
74
|
|
|
75
75
|
|
|
76
76
|
|
|
77
|
-
<!-----画像が表示される
|
|
77
|
+
<!-----画像が表示される---->
|
|
78
|
+
|
|
79
|
+
<div style="display:none;">
|
|
80
|
+
|
|
81
|
+
<audio id="myAudio" src="audio/Lincolnassociation.mp3" preload="auto"></div>
|
|
78
82
|
|
|
79
83
|
<a onclick="togglePlay()"><img id="mypic" src="images/button.jpg" name="s" onclick="disp()" alt="philadelphiaderringer" ></a>
|
|
80
84
|
|