本日のアジェンダ-
1限目
実技 JavaScript（jQuery）実習②
jQueryプラグイン（カルーセル）の利用
2限目
実技 JavaScript（jQuery）実習②
jQueryプラグイン （カルーセル） の利用
3限目
実技 JavaScript（jQuery）実習②
jQueryの利用
4限目
実技 JavaScript（jQuery）実習②
作品制作
5限目
実技 JavaScript（jQuery）実習②
作品制作
本日のテーマ
jQueryプラグインを自分のサイトに導入してみましょう。
jQueryとは
jQuery
jQuery公式サイト
jQuery日本語リファレンスの例
jQuery リファレンス
参考サイト
例：フェード
例：ハンバーガーメニュー＋ナビゲーションドロワー
例：カルーセル（スライダー）
- カルーセルスライダーおすすめ7選まとめ！サイト内にスライドショーを手軽に
- 簡単にスライダーを実装して動きのあるWEBサイトにしたい！bxSliderの使い
- 【jQuery】スライダープラグイン「slick」の使い方を詳しく解説
参考
カルーセルUIは使いやすい？デザインの観点から影響を考察してみました
カルーセルUI例：
東リファブリックフロア | TOP
東リファブリックフロア | GALLERY | 施工例