回答編集履歴
5
言語名間違えてました
test
CHANGED
@@ -168,7 +168,7 @@
|
|
168
168
|
|
169
169
|
もしかして、質問者さん
|
170
170
|
|
171
|
-
```
|
171
|
+
```HTML
|
172
172
|
|
173
173
|
<script src="//code.jquery.com/jquery-3.4.1.min.js"></script>
|
174
174
|
|
4
追記
test
CHANGED
@@ -161,3 +161,25 @@
|
|
161
161
|
</html>
|
162
162
|
|
163
163
|
```
|
164
|
+
|
165
|
+
|
166
|
+
|
167
|
+
### 多分これ?
|
168
|
+
|
169
|
+
もしかして、質問者さん
|
170
|
+
|
171
|
+
```JavaScript
|
172
|
+
|
173
|
+
<script src="//code.jquery.com/jquery-3.4.1.min.js"></script>
|
174
|
+
|
175
|
+
<script>
|
176
|
+
|
177
|
+
//省略
|
178
|
+
|
179
|
+
</script>
|
180
|
+
|
181
|
+
```
|
182
|
+
|
183
|
+
を`<head>`の中に記述していませんか?
|
184
|
+
|
185
|
+
JavaScriptの場合、`</body>`の直前に記述しないと正しく動作しないものがあります。
|
3
間違えた
test
CHANGED
@@ -104,10 +104,6 @@
|
|
104
104
|
|
105
105
|
<title>TEST</title>
|
106
106
|
|
107
|
-
<script src="//code.jquery.com/jquery-3.4.1.min.js"></script>
|
108
|
-
|
109
|
-
<script src="//codepen.io/asuchi0819/pen/aeqjZw.js"></script>
|
110
|
-
|
111
107
|
<link rel="stylesheet" href="//codepen.io/asuchi0819/pen/aeqjZw.css">
|
112
108
|
|
113
109
|
</head>
|
@@ -156,6 +152,10 @@
|
|
156
152
|
|
157
153
|
</footer>
|
158
154
|
|
155
|
+
<script src="//code.jquery.com/jquery-3.4.1.min.js"></script>
|
156
|
+
|
157
|
+
<script src="//codepen.io/asuchi0819/pen/aeqjZw.js"></script>
|
158
|
+
|
159
159
|
</body>
|
160
160
|
|
161
161
|
</html>
|
2
追加
test
CHANGED
@@ -85,3 +85,79 @@
|
|
85
85
|
[ソース](https://codepen.io/asuchi0819/pen/aeqjZw)
|
86
86
|
|
87
87
|
[フルビュー](https://s.codepen.io/asuchi0819/debug/aeqjZw/YvMgOnVZYGJM)
|
88
|
+
|
89
|
+
|
90
|
+
|
91
|
+
### 追記
|
92
|
+
|
93
|
+
|
94
|
+
|
95
|
+
なんかちょっとよくわからないので以下のソースを完全にコピペしてください。
|
96
|
+
|
97
|
+
```HTML
|
98
|
+
|
99
|
+
<!DOCTYPE html>
|
100
|
+
|
101
|
+
<html>
|
102
|
+
|
103
|
+
<head>
|
104
|
+
|
105
|
+
<title>TEST</title>
|
106
|
+
|
107
|
+
<script src="//code.jquery.com/jquery-3.4.1.min.js"></script>
|
108
|
+
|
109
|
+
<script src="//codepen.io/asuchi0819/pen/aeqjZw.js"></script>
|
110
|
+
|
111
|
+
<link rel="stylesheet" href="//codepen.io/asuchi0819/pen/aeqjZw.css">
|
112
|
+
|
113
|
+
</head>
|
114
|
+
|
115
|
+
<body>
|
116
|
+
|
117
|
+
<header class="site-header">
|
118
|
+
|
119
|
+
<h1 class="site-logo"><img src="logo.png" alt="WEBDESIGNDAY"></h1>
|
120
|
+
|
121
|
+
<nav class="gnav">
|
122
|
+
|
123
|
+
<ul class="gnav__menu">
|
124
|
+
|
125
|
+
<li class="gnav__menu__item"><a href="">About</a></li>
|
126
|
+
|
127
|
+
<li class="gnav__menu__item"><a href="">Works</a></li>
|
128
|
+
|
129
|
+
<li class="gnav__menu__item"><a href="">Recruit</a></li>
|
130
|
+
|
131
|
+
<li class="gnav__menu__item"><a href="">News</a></li>
|
132
|
+
|
133
|
+
<li class="gnav__menu__item"><a href="">Contact</a></li>
|
134
|
+
|
135
|
+
</ul>
|
136
|
+
|
137
|
+
</nav>
|
138
|
+
|
139
|
+
</header>
|
140
|
+
|
141
|
+
<div class="hero"><img src="https://placehold.jp/1600x1200.png" width="1600" height="1200" alt="hero"></div>
|
142
|
+
|
143
|
+
<div class="content">
|
144
|
+
|
145
|
+
<p>Lorem ipsum Enim do velit exercitation fugiat cillum labore et dolore ad minim dolor amet tempor nisi sunt Excepteur voluptate laborum et Duis labore cupidatat officia laboris minim cupidatat sit ad incididunt dolor in nulla elit sint do sit aliqua eu ut irure commodo exercitation dolore consequat est laborum Duis in dolore esse est dolore voluptate amet fugiat cupidatat Duis proident consequat nostrud Excepteur ea minim nisi eiusmod sed amet irure id ut officia occaecat nisi elit velit qui aliquip adipisicing consequat adipisicing aute laboris do consectetur sit officia elit in tempor aute eiusmod nulla dolore non sint in fugiat adipisicing amet quis in velit sit sunt Duis culpa deserunt Duis sed elit veniam exercitation Ut pariatur magna et id esse dolor dolore aliquip et in cillum commodo commodo et quis veniam magna irure laborum commodo enim tempor dolore velit ut adipisicing consequat dolore enim sunt eiusmod irure aliquip Duis magna laboris non in aliquip magna dolor dolore nulla nisi proident cupidatat laboris eu commodo adipisicing adipisicing ut aliquip eu aute veniam sint magna mollit nostrud ut sed consectetur et tempor consequat nisi nostrud dolore et officia adipisicing labore id enim nisi reprehenderit sunt fugiat ea Ut dolore sed eu in id velit esse et est labore eiusmod culpa adipisicing quis ea consectetur ea fugiat in culpa magna do laboris.</p>
|
146
|
+
|
147
|
+
<p>Lorem ipsum Enim do velit exercitation fugiat cillum labore et dolore ad minim dolor amet tempor nisi sunt Excepteur voluptate laborum et Duis labore cupidatat officia laboris minim cupidatat sit ad incididunt dolor in nulla elit sint do sit aliqua eu ut irure commodo exercitation dolore consequat est laborum Duis in dolore esse est dolore voluptate amet fugiat cupidatat Duis proident consequat nostrud Excepteur ea minim nisi eiusmod sed amet irure id ut officia occaecat nisi elit velit qui aliquip adipisicing consequat adipisicing aute laboris do consectetur sit officia elit in tempor aute eiusmod nulla dolore non sint in fugiat adipisicing amet quis in velit sit sunt Duis culpa deserunt Duis sed elit veniam exercitation Ut pariatur magna et id esse dolor dolore aliquip et in cillum commodo commodo et quis veniam magna irure laborum commodo enim tempor dolore velit ut adipisicing consequat dolore enim sunt eiusmod irure aliquip Duis magna laboris non in aliquip magna dolor dolore nulla nisi proident cupidatat laboris eu commodo adipisicing adipisicing ut aliquip eu aute veniam sint magna mollit nostrud ut sed consectetur et tempor consequat nisi nostrud dolore et officia adipisicing labore id enim nisi reprehenderit sunt fugiat ea Ut dolore sed eu in id velit esse et est labore eiusmod culpa adipisicing quis ea consectetur ea fugiat in culpa magna do laboris.</p>
|
148
|
+
|
149
|
+
<p>Lorem ipsum Enim do velit exercitation fugiat cillum labore et dolore ad minim dolor amet tempor nisi sunt Excepteur voluptate laborum et Duis labore cupidatat officia laboris minim cupidatat sit ad incididunt dolor in nulla elit sint do sit aliqua eu ut irure commodo exercitation dolore consequat est laborum Duis in dolore esse est dolore voluptate amet fugiat cupidatat Duis proident consequat nostrud Excepteur ea minim nisi eiusmod sed amet irure id ut officia occaecat nisi elit velit qui aliquip adipisicing consequat adipisicing aute laboris do consectetur sit officia elit in tempor aute eiusmod nulla dolore non sint in fugiat adipisicing amet quis in velit sit sunt Duis culpa deserunt Duis sed elit veniam exercitation Ut pariatur magna et id esse dolor dolore aliquip et in cillum commodo commodo et quis veniam magna irure laborum commodo enim tempor dolore velit ut adipisicing consequat dolore enim sunt eiusmod irure aliquip Duis magna laboris non in aliquip magna dolor dolore nulla nisi proident cupidatat laboris eu commodo adipisicing adipisicing ut aliquip eu aute veniam sint magna mollit nostrud ut sed consectetur et tempor consequat nisi nostrud dolore et officia adipisicing labore id enim nisi reprehenderit sunt fugiat ea Ut dolore sed eu in id velit esse et est labore eiusmod culpa adipisicing quis ea consectetur ea fugiat in culpa magna do laboris.</p>
|
150
|
+
|
151
|
+
</div>
|
152
|
+
|
153
|
+
<footer class="site-footer">
|
154
|
+
|
155
|
+
<p class="copyright">@2017 WEBDESIGNDAY</p>
|
156
|
+
|
157
|
+
</footer>
|
158
|
+
|
159
|
+
</body>
|
160
|
+
|
161
|
+
</html>
|
162
|
+
|
163
|
+
```
|
1
追加
test
CHANGED
@@ -76,4 +76,12 @@
|
|
76
76
|
|
77
77
|
```
|
78
78
|
|
79
|
-
最初の`$(function) {`いらないです。
|
79
|
+
最初の`$(function) {`と最後の`}`いらないです。
|
80
|
+
|
81
|
+
|
82
|
+
|
83
|
+
正しくやった時の
|
84
|
+
|
85
|
+
[ソース](https://codepen.io/asuchi0819/pen/aeqjZw)
|
86
|
+
|
87
|
+
[フルビュー](https://s.codepen.io/asuchi0819/debug/aeqjZw/YvMgOnVZYGJM)
|