teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

2

修正いたしました

2021/09/14 01:09

投稿

free_teku
free_teku

スコア103

title CHANGED
File without changes
body CHANGED
@@ -31,6 +31,26 @@
31
31
  ### 該当のソースコード
32
32
 
33
33
  ```HTML
34
+ <!DOCTYPE html>
35
+ <html lang="en">
36
+ <head>
37
+ <meta charset="UTF-8">
38
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
39
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
40
+ <title>石井花壇|温海温泉旅館【公式サイト】</title>
41
+ <meta name="description" content="日本古来の素材と現代的表現を併せ持つ温泉旅館、石井花壇。伝統的な「和」の息づく空間で、至極のひとときをお過ごしください。">
42
+ <link rel="stylesheet" href="./css/destyle.css">
43
+ <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
44
+ <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
45
+ <!--flatpicker-->
46
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
47
+ <script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
48
+ <script src="https://cdn.jsdelivr.net/npm/flatpickr/dist/l10n/ja.js"></script>
49
+
50
+ <link rel="stylesheet" href="./css/style.css">
51
+
52
+ </head>
53
+ <body>
34
54
  <section class="history">
35
55
  <div class="inner hs-theme">
36
56
  <div class="hs-flex">
@@ -44,6 +64,15 @@
44
64
  </div><!-- /.hs-flex -->
45
65
  </div><!-- /.inner -->
46
66
  </section><!-- /.history -->
67
+ <script src="js/jquery-3.6.0.min.js"></script>
68
+ <script type="text/javascript" src="js/slick.min.js"></script>
69
+ <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
70
+ <!-- 日本語の言語ファイル -->
71
+ <script>flatpickr("#flatpickr", {locale:"ja"});</script>
72
+ <script src="js/script.js"></script>
73
+
74
+ </body>
75
+ </html>
47
76
  ```
48
77
 
49
78
  ```CSS

1

修正いたしました

2021/09/14 01:09

投稿

free_teku
free_teku

スコア103

title CHANGED
File without changes
body CHANGED
@@ -111,6 +111,36 @@
111
111
  }
112
112
  ```
113
113
 
114
+ ```Js
115
+ //modarl winodw
116
+ $(function(){
117
+ $('#js-modal').click(function(){
118
+ $('#js-form').fadeIn();
119
+
120
+ });
121
+ });
122
+
123
+
124
+ //Fv slider
125
+ $(function(){
126
+ $('.slider').slick({
127
+ autoplay: true,
128
+ autoplaySpeed: 2000,
129
+ fade: true,
130
+ speed: 1000,
131
+ cssEase: 'linear'
132
+ });
133
+ });
134
+
135
+ //aos
136
+ $(function(){
137
+ AOS.init({
138
+ duration: 2000,
139
+ })
140
+ });
141
+
142
+ ```
143
+
114
144
  ### 試したこと
115
145
  https://nandemo-nobiru.com/2944/
116
146