質問編集履歴
1
マークダウンの部分を修正しました。前より見やすくなったでしょうか？
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
|
|
33
33
|
|
|
34
34
|
|
|
35
|
-
|
|
35
|
+
``````````````````HTML``````````````````
|
|
36
36
|
|
|
37
37
|
<head>
|
|
38
38
|
|
|
@@ -156,7 +156,11 @@
|
|
|
156
156
|
|
|
157
157
|
if(!($('#rwdMenuWrap').length)){
|
|
158
158
|
|
|
159
|
+
$('body').prepend('<div id="rwdMenuWrap"><div id="switchBtnArea">
|
|
160
|
+
|
|
161
|
+
<a href="javascript:void(0);" id="switchBtn">
|
|
162
|
+
|
|
159
|
-
|
|
163
|
+
<span></span><span></span><span></span></a></div></div>');
|
|
160
164
|
|
|
161
165
|
$('#rwdMenuWrap').append(menuSouce);
|
|
162
166
|
|
|
@@ -204,13 +208,11 @@
|
|
|
204
208
|
|
|
205
209
|
|
|
206
210
|
|
|
207
|
-
|
|
211
|
+
|
|
208
|
-
|
|
209
|
-
|
|
212
|
+
|
|
210
|
-
|
|
211
|
-
|
|
213
|
+
``````````````````MEDIAQUERIES[SP]LAYOUT``````````````````
|
|
212
|
-
|
|
214
|
+
|
|
213
|
-
|
|
215
|
+
`
|
|
214
216
|
|
|
215
217
|
@media only screen and (max-width: 768px) {
|
|
216
218
|
|
|
@@ -276,19 +278,31 @@
|
|
|
276
278
|
|
|
277
279
|
}
|
|
278
280
|
|
|
281
|
+
#rwdMenuWrap #switchBtnArea #switchBtn
|
|
282
|
+
|
|
279
|
-
|
|
283
|
+
span:nth-of-type(1) {top:10px;transform: rotate(0);}
|
|
284
|
+
|
|
280
|
-
|
|
285
|
+
#rwdMenuWrap #switchBtnArea #switchBtn
|
|
286
|
+
|
|
281
|
-
|
|
287
|
+
span:nth-of-type(2) {top:20px;transform: scale(1);}
|
|
288
|
+
|
|
282
|
-
|
|
289
|
+
#rwdMenuWrap #switchBtnArea #switchBtn
|
|
290
|
+
|
|
283
|
-
|
|
291
|
+
span:nth-of-type(3) {bottom:8px;transform: rotate(0);}
|
|
292
|
+
|
|
293
|
+
|
|
294
|
+
|
|
284
|
-
|
|
295
|
+
#rwdMenuWrap #switchBtnArea #switchBtn.btnClose
|
|
285
|
-
|
|
286
|
-
|
|
296
|
+
|
|
287
|
-
|
|
297
|
+
span:nth-of-type(1) {top:20px;transform: rotate(-45deg);}
|
|
288
|
-
|
|
298
|
+
|
|
289
|
-
#rwdMenuWrap #switchBtnArea #switchBtn.btnClose
|
|
299
|
+
#rwdMenuWrap #switchBtnArea #switchBtn.btnClose
|
|
300
|
+
|
|
290
|
-
|
|
301
|
+
span:nth-of-type(2) {transform: scale(0);}
|
|
302
|
+
|
|
303
|
+
#rwdMenuWrap #switchBtnArea #switchBtn.btnClose
|
|
304
|
+
|
|
291
|
-
|
|
305
|
+
span:nth-of-type(3) {bottom:18px;transform: rotate(45deg);}
|
|
292
306
|
|
|
293
307
|
|
|
294
308
|
|
|
@@ -354,7 +368,7 @@
|
|
|
354
368
|
|
|
355
369
|
}
|
|
356
370
|
|
|
357
|
-
|
|
371
|
+
`
|
|
358
372
|
|
|
359
373
|
|
|
360
374
|
|