11月の授業日記

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

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

プルダウンメニュー

メニューの重なり順

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

jQueryの設置

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

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

 CSS3

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

ビヘイビア>効果。

  • CSSトランディションをjQueryで使用できるようにしたプリセット
  • scriptタグの重複で動かなくなることもあるので注意
新規 article タグの内容がここに入ります

きょうのひとこと

自分の子が動いてくれて嬉しいです

 11/18  効果

Fade

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

きょうのひとこと

配置に苦労しました。今後の入れ替え作業が大変そうですが頑張ります

 11/25 効果のコーディング

効果

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

    効果が思ったように付かず手間取りました。