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