触れたメニューの背景色を変更しよう
はじめに
マウスに触れるとその背景色を変更する方法は、スタイルシートでも可能です。しかしポップアップメニューを table タグを用いて作成した場合、より複雑なスタイルシートを作成しなければいけませんし、それなりの専門知識と工夫が必要になります。
そこで、ビヘイビア機能を使い、メニューに触れるとそのメニューの背景色を変更させ、そのメニューからマウスポインタが外れたときに、背景色を元に戻す方法を解説します。
- 変更させたいメニューの <td> タグをクリックします。
- [書式]→[ビヘイビア]をクリックします。
- スクリプトのあるタグが <td> であることを確認します。
- [挿入]ボタンをクリックし、一覧から[プロパティの変更]をクリックします。
- [プロパティの変更]ダイアログボックスにて、「現在選択されている要素」が選択されていることを確認します。
- [枠線]ボタンをクリックします。
- [枠線とパターン]ダイアログボックスの[パターン]タブをクリックします。
- [背景色]を指定して、[OK]ボタンをクリックします。
- 「MouseOut イベント時に元に戻す」にチェックを付けて、[OK]ボタンをクリックします。
- イベントが「onclick」になっている場合は、「onmouseover」に変更します。
INDEX
問題は解決しましたか?
操作方法、設定方法等で困ったら、 Expression Web Users Forum に投稿してください!
2012年12月21日(日本時間)をもって、Expression Web 4はフリーソフトになりました。FrontPageユーザーの方もダウンロードして使ってみてください。 なお、Expression Web 4すでに購入された方も、問題が修正された無料版にアップグレードすることをお勧めします。