11/11 プルダウンメニューと効果
プルダウンメニューのようなよく使われるものにもjQueryが用いられる
プルダウンメニュー
| メニューの重なり順 | z-index |
|---|---|
| メニューを非表示に | display:none |
| pn/offのコントロール | jQuery |
jQueryの設置
本体とスクリプトファイルは読み込む順番が違うとクリアされてしまうので注意
| 1 | jQuery本体 | jQuery自体を動作させるファイル>一番上に |
|---|---|---|
| 2 | スクリプトファイル | jQueryのコードで記述した命令ファイル |
CSS3
CSSの最新バージョンCSS#では不透明度やトランジョンなど様々な表現方法が増えたが互換性に注意
ビヘイビア>効果
- CSSトランジョンをjQueryで使用できるようにしたプリセット
- scripタグの重複で動かなくなることもあるので注意
きょうのひとこと
jQueryのおかげでかなり自由度が上がり、作ることができるwebデザインの幅が増えて他webのしかったです。
11/18 効果
Fade
癖がなく使いやすい
フェードインさせるにはdisplay:noneにしておく
きょうのひとこと
画像が動かせるのが楽しみです。
11/25 効果のコーディング
効果
- きっかけにしたい対象を選ぶ
- 効果を施す対象はきっかけと別にできる
- 複数の効果も設定可能
きょうのひとこと
効果を動作させるのに時間がかかりました。