質問編集履歴

2

各種コードのファイル名の記載

2019/12/04 04:07

投稿

karakara77
karakara77

スコア4

test CHANGED
File without changes
test CHANGED
@@ -8,12 +8,18 @@
8
8
 
9
9
  よろしくお願い申し上げます。
10
10
 
11
+
12
+
11
- リンク:
13
+ リンク
12
14
 
13
15
  http://pixelhint.com/demo/volcano/
14
16
 
15
17
 
16
18
 
19
+
20
+
21
+ ファイル名:index.html
22
+
17
23
  ```Html一部抜粋
18
24
 
19
25
  <!doctype html>
@@ -184,7 +190,7 @@
184
190
 
185
191
  ```
186
192
 
187
-
193
+ ファイル名:main.js
188
194
 
189
195
  ```JavaScript(main.js)
190
196
 

1

タグの修正、関連性があるかと思われるファイルのコードを記述

2019/12/04 04:07

投稿

karakara77
karakara77

スコア4

test CHANGED
@@ -1 +1 @@
1
- ページ外リンク飛ばない
1
+ ハンバーガーメニューからページ外リンクへと飛ばない
test CHANGED
@@ -11,3 +11,311 @@
11
11
  リンク:
12
12
 
13
13
  http://pixelhint.com/demo/volcano/
14
+
15
+
16
+
17
+ ```Html一部抜粋
18
+
19
+ <!doctype html>
20
+
21
+ <html class="no-js" lang="en">
22
+
23
+ <head>
24
+
25
+ <meta charset="utf-8" />
26
+
27
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
28
+
29
+ <title>Volcano - Free Responsive HTML5/CSS3 Zurb Foundation Template</title>
30
+
31
+
32
+
33
+ <!-- Stylesheet Files -->
34
+
35
+ <link rel="stylesheet" href="css/normalize.css" />
36
+
37
+ <link rel="stylesheet" href="css/foundation.min.css" />
38
+
39
+ <link rel="stylesheet" href="css/main.css" />
40
+
41
+
42
+
43
+ <!-- Javascript files are placed before </body> -->
44
+
45
+ </head>
46
+
47
+
48
+
49
+ <body>
50
+
51
+ <!-- Start Hero Section -->
52
+
53
+ <section class="hero">
54
+
55
+ <header>
56
+
57
+ <div class="row">
58
+
59
+
60
+
61
+
62
+
63
+ <nav class="top-bar" data-topbar role="navigation">
64
+
65
+
66
+
67
+ <!-- Start Logo -->
68
+
69
+ <ul class="title-area">
70
+
71
+ <li class="name">
72
+
73
+ <a href="#" class="logo">
74
+
75
+ <h1>volcano<span class="tld">.com</span></h1>
76
+
77
+ </a>
78
+
79
+ </li>
80
+
81
+ <span class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></span>
82
+
83
+ </li>
84
+
85
+ </ul>
86
+
87
+ <!-- End Logo -->
88
+
89
+
90
+
91
+ <!-- Start Navigation Menu -->
92
+
93
+ <section class="top-bar-section" id="mean_nav">
94
+
95
+ <ul class="right">
96
+
97
+ <li><a href="#services">services</a></li>
98
+
99
+ <li><a href="#testimonials">Testimonials</a></li>
100
+
101
+ <li><a href="#Download">Download</a></li>
102
+
103
+ <li><a href="#connect">Connect</a></li>
104
+
105
+ </ul>
106
+
107
+ </section>
108
+
109
+ <!-- End Navigation Menu -->
110
+
111
+
112
+
113
+ </nav>
114
+
115
+ </div>
116
+
117
+ </header>
118
+
119
+
120
+
121
+ <!-- Start Hero Caption -->
122
+
123
+ <section class="caption">
124
+
125
+ <div class="row">
126
+
127
+ <h1 class="mean_cap">Responsive Template</hA>
128
+
129
+ <h2 class="sub_cap">Less Is More.</h2>
130
+
131
+ <a href="#" class="btn_details"><span>More Details</span> <img src="img/btn_arrow.png" alt="" src="" class="arrow"></a>
132
+
133
+ </div>
134
+
135
+ </section>
136
+
137
+ <!-- End Hero Caption -->
138
+
139
+
140
+
141
+ </section>
142
+
143
+ <!-- End Hero Section -->
144
+
145
+
146
+
147
+
148
+
149
+
150
+
151
+
152
+
153
+
154
+
155
+ <!-- Javascript Files -->
156
+
157
+ <script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
158
+
159
+ <script type="text/javascript" src="js/jquery.js"></script>
160
+
161
+ <script type="text/javascript" src="js/touchSwipe.min.js"></script>
162
+
163
+ <script type="text/javascript" src="js/easing.js"></script>
164
+
165
+ <script type="text/javascript" src="js/foundation.min.js"></script>
166
+
167
+ <script type="text/javascript" src="js/foundation/foundation.topbar.js"></script>
168
+
169
+ <script type="text/javascript" src="js/carouFredSel.js"></script>
170
+
171
+ <script type="text/javascript" src="js/scrollTo.js"></script>
172
+
173
+ <script type="text/javascript" src="js/map.js"></script>
174
+
175
+ <script type="text/javascript" src="js/main.js"></script>
176
+
177
+
178
+
179
+ </body>
180
+
181
+ </html>
182
+
183
+
184
+
185
+ ```
186
+
187
+
188
+
189
+ ```JavaScript(main.js)
190
+
191
+ $(document).ready(function(){
192
+
193
+
194
+
195
+
196
+
197
+ /* Foundation Init */
198
+
199
+ $(document).foundation();
200
+
201
+
202
+
203
+
204
+
205
+
206
+
207
+ /* carousel Init */
208
+
209
+ $('#carousel').carouFredSel({
210
+
211
+ width : '670',
212
+
213
+ pagination : ".pagination",
214
+
215
+ responsive : true,
216
+
217
+ scroll :{
218
+
219
+ fx : 'fade'
220
+
221
+ },
222
+
223
+ items :{
224
+
225
+ visible : 1,
226
+
227
+ width : '670'
228
+
229
+ },
230
+
231
+ swipe: {
232
+
233
+ onMouse: true,
234
+
235
+ onTouch: true
236
+
237
+ }
238
+
239
+ });
240
+
241
+
242
+
243
+
244
+
245
+
246
+
247
+
248
+
249
+
250
+
251
+ /* Mean navigation menu scroll to */
252
+
253
+ $('#mean_nav ul li a').click(function(e){
254
+
255
+ e.preventDefault();
256
+
257
+ scrollTo($(this).attr('href'), 900, 'easeInOutCubic');
258
+
259
+ });
260
+
261
+
262
+
263
+
264
+
265
+
266
+
267
+
268
+
269
+
270
+
271
+
272
+
273
+ /* Back to top button */
274
+
275
+ var back_top = $('#back_top');
276
+
277
+
278
+
279
+ back_top.click(function(e){
280
+
281
+ e.preventDefault();
282
+
283
+ scrollTo(0, 900, 'easeInOutCubic');
284
+
285
+
286
+
287
+ });
288
+
289
+
290
+
291
+ function scrollTo(target, speed, ease){
292
+
293
+ $(window).scrollTo(target, speed, {easing:ease});
294
+
295
+ }
296
+
297
+
298
+
299
+ $(window).on('scroll', function(){
300
+
301
+ if($(this).scrollTop()>749)
302
+
303
+ {
304
+
305
+ back_top.stop().animate({opacity : 1}, 250);
306
+
307
+ }else
308
+
309
+ {
310
+
311
+ back_top.stop().animate({opacity : 0}, 250);
312
+
313
+ }
314
+
315
+ });
316
+
317
+
318
+
319
+ });
320
+
321
+ ```