11月の授業日記

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

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

プルダウンメニュー　  

メニューの重なり順 z-index
メニューを非表示に

display:none
on/offのコントロール jQuery

jQueryの設置

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

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

CSS3

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

ビヘイビア＞効果

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

きょうのひとこと

今日は登校だったのでネットが遅かったですが、わからないところをすぐに聞けたので良かったです。

 

 

11/18 効果

Fade

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

    • きょうのひとこと 

    今日も先生の力を得て無事に勧められました。良かったです。 

     

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

    効果

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

    • きょうのひとこと

    今日は色々動かしたりしました。難しかったですが、たのしかったです。