質問編集履歴
2
補足
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -38,6 +38,14 @@
|
|
|
38
38
|
|
|
39
39
|
|
|
40
40
|
|
|
41
|
+
###動作の違い(動画)
|
|
42
|
+
|
|
43
|
+
[動作の違いについての動画](https://dotup.org/uploda/dotup.org1691058.zip.html)
|
|
44
|
+
|
|
45
|
+
お手数おかけしますが、リンク先からzipファイルのダウンロードをお願いいたします...。
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
|
|
41
49
|
###ボタン付きコード(スムーズに動作しない)
|
|
42
50
|
|
|
43
51
|
```JavaScript/jQuery
|
1
補足
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -155,3 +155,49 @@
|
|
|
155
155
|
}
|
|
156
156
|
|
|
157
157
|
```
|
|
158
|
+
|
|
159
|
+
|
|
160
|
+
|
|
161
|
+
###HTMLコード
|
|
162
|
+
|
|
163
|
+
```HTML5
|
|
164
|
+
|
|
165
|
+
<!DOCTYPE html>
|
|
166
|
+
|
|
167
|
+
<html lang="ja">
|
|
168
|
+
|
|
169
|
+
<head>
|
|
170
|
+
|
|
171
|
+
<meta charset="utf-8">
|
|
172
|
+
|
|
173
|
+
<title>シェイクテスト｜JavaScript</title>
|
|
174
|
+
|
|
175
|
+
<link rel="stylesheet" href="shake.css">
|
|
176
|
+
|
|
177
|
+
</head>
|
|
178
|
+
|
|
179
|
+
<body>
|
|
180
|
+
|
|
181
|
+
<div class="box">
|
|
182
|
+
|
|
183
|
+
<div class="hidden" id="shake-item">
|
|
184
|
+
|
|
185
|
+
<textarea class="hidden" id="content" name="content" placeholder="メッセージ頂戴"></textarea>
|
|
186
|
+
|
|
187
|
+
</div>
|
|
188
|
+
|
|
189
|
+
<input class="active" id="open" type="button" value="OPEN">
|
|
190
|
+
|
|
191
|
+
<input class="hidden" id="submit" type="button" value="SUBMIT">
|
|
192
|
+
|
|
193
|
+
</div>
|
|
194
|
+
|
|
195
|
+
<script src="http://code.jquery.com/jquery-3.2.1.min.js"></script>
|
|
196
|
+
|
|
197
|
+
<script src="shake.js"></script>
|
|
198
|
+
|
|
199
|
+
</body>
|
|
200
|
+
|
|
201
|
+
</html>
|
|
202
|
+
|
|
203
|
+
```
|