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   効果のコーディング

効果 

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

 きょうのひとこと

今日も順調に進めることができました！！