11月の授業日記

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

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

プルダウンメニュー

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

jQueryの設置

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

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

CSS3

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

ビヘイビア>効果

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

きょうのひとこと

効果で動きを付けれるのがすごいなと思いました。

11/18 効果

Fade 

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

 きょうのひとこと

フォトショが使いこなせなくて詰みました。 

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

効果 

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

きょうのひとこと 

なかなか思い通りにいかなくて大変でした。