11/5 プルダウンメニューと効果
プルダウンメニューのようなよく使われるものにもjQueryが用いられる
プルダウンメニュー
| メニュー重なり順 | z-index |
|---|---|
| メニューを非表示に | display:none |
| on/offのコントロール | jQuery |
jQueryの設置
本体とスクリプトファイルは読み込む順番が違うとクリアされてしまうので注意
| 1 | jQuery本体 | jQuery自体を動作させるファイル>一番上に |
|---|---|---|
| 2 | スクリプトファイル | jQueryのコードで記述した命令ファイル |
CSS3
cssの最新バージョンCSS3では不透明度やトランジションなど様々な表現方法が増えた互換性に注意
- CSS トランジションをjQueryで使用できるよにしたプリセット
- scripタグの重複で動かなくなることもあるので注意
11/12 効果
Fade
- 癖が少なく使いやすい。フェードインさせるにはdisplay:noneにしておく必要がある。
きょうのひとこと
やっぱりモチベが足りませんでした