11月の授業日記

11/11  プルダウンメニューと効果

プルダウンメニューのような よく使われるものにもjQueryが用いられる

 プルダウンメニュー

メニューの重なり順   z-index
メニューを非表示に   dispiay:none
on/offのコントロール   jQuery

jQueryの設置

本体とスプリクトファイルは読み込む順番が違うとクリアされてしまうので注意

 jQuery本体  jQuery自体を動作させるファイル>一番上に
 スクリプトファイル  jQueryのコードで記述した命令ファイル

CSS3

 CSSの最新バージョンCSSでは不透明度やトランジョンなど様々な表現方法が増えたが交換性に注意

ビヘイビア>効果

  • CSSトランジョンをjQueryで使用できるようにしたプリセット
  •  scripタグの重複で動かなくなることもあるので注意

きょうのひとこと

画像を動かすのが難しかったけど、やっていると楽しめました。 

11/18 効果

Fade

  • 癖がなく使いやすい。
  • フェードインさせるにはdispiay:noneにしておく

きょうのひとこと

画像の配置や動かす画像選びに手間取ってしまいましたが、雰囲気を合わせるのは楽しかったです。 

11/25 コーディング

効果

  • きっかけにしたい対象を選ぶ 
  • 効果を施す対象はきっかけと別にできる
  • 複数の効果も設定可能

きょうのひとこと

アニメーション効果をどうつけるか模索するのが楽しかったです。