11月の授業日記

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

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

プルダウンメニュー

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

jQueryの設置

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

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

CSS3

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

ビヘイビア＞効果

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

きょうのひとこと

難しかったです

11/18 効果

Fade

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

きょうのひとこと

使えれば一気に面白いウェブサイトになりそうだなと思いました。

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

効果

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

今日のひとこと

効果をつける順番を間違えると消えてから はねたりと不自然なものに一回なってしまったので、どんな動きをさせるか考えてからつけたほうがいいなと思いました。