実技 JavaScript(jQuery)実習②

本日のアジェンダ-

1限目
実技 JavaScript(jQuery)実習②
jQueryプラグイン(カルーセル)の利用

2限目
実技 JavaScript(jQuery)実習②
jQueryプラグイン (カルーセル) の利用

3限目
実技 JavaScript(jQuery)実習②
jQueryの利用

4限目
実技 JavaScript(jQuery)実習②
作品制作

5限目
実技 JavaScript(jQuery)実習②
作品制作

本日のテーマ

jQueryプラグインを自分のサイトに導入してみましょう。

jQueryとは

JavaScript初心者のためのjQuery入門

jQuery
jQuery公式サイト
jQuery日本語リファレンスの例
jQuery リファレンス

参考サイト

例:フェード

例:ハンバーガーメニュー+ナビゲーションドロワー


例:カルーセル(スライダー)

参考

カルーセルUIは使いやすい?デザインの観点から影響を考察してみました
カルーセルUI例:
 東リファブリックフロア | TOP
 東リファブリックフロア | GALLERY | 施工例