05 アレンジ Cascading Style Sheets
今までの作例を利用して、リンク先を指定して大きさのちがった別ウインドウでポップアップ表示する方法や、画像を使ったロールオーバーボタンを使って作成します。
05-01 指定した大きさの別のウインドウを開くパターン
リンク先のページを別ウインドウでポップアップ表示するパターンです。別ウインドウは決まった大きさで開くようにして、情報をコンパクトに表示するパターンです。。
05-01サンプルフォーム | 05-01_aファイル | 05-01ーaファイル(ソース) |
---|---|---|
05-01_bファイル | 05-01ーbファイル(ソース) |
05-02 画像を使ったロールオーバーボタンを作成する
カーソルを重ねたときにボタンの表示を変えることで、リンクとしてクリックできる場所を示す「ロールオーバーボタン」を使ってデザインします。
05-02サンプルフォーム | 05-02ーaファイル | 05-02ーaファイル(ソース) |
---|