Another Door
制作日 2022年 7月 plugin
Web Site
Study Work
No.005
- 制作時間
- 約 5 時間
- 使用言語
- HTML、CSS、Java Script、jQuery
- 使用ツール
- VS Code、Photoshop
- ページ構成
- トップページのみ
- 制作内容
-
- bxSlider [ jQueryプラグイン ]
- lightbox [ jQueryプラグイン ]
- レスポンシブデザイン
- トップボタンの実装 [ jQuery ]
- アコーディオンパネル [ jQuery ]
- 現在時刻の取得 [ Java Script ]
- 今日の運勢（おみくじ) [ Java Script ]
- Google Mapの埋め込み
- 使用画像の選定・調整
- 演習目的
- jQueryプラグイン導入
jQuery、Java Scriptの練習 - ＼ 制作時のポイント ／
-
使用画像の選定と調整、レイアウト、サイトタイトル（テーマ）などは自作。
アコーディオンパネル は、jQueryで作成し、dt要素をクリックするとdd要素が開く仕組み。
dd要素に表示させる結果はJava Scriptで作成。
現在日時の取得は、new Date() で取得。
おみくじでは、Math.random() で1/5の確率で「大吉」がでる仕組みに。