触れたメニューの背景色を変更しよう

はじめに

マウスに触れるとその背景色を変更する方法は、スタイルシートでも可能です。しかしポップアップメニューを table タグを用いて作成した場合、より複雑なスタイルシートを作成しなければいけませんし、それなりの専門知識と工夫が必要になります。

そこで、ビヘイビア機能を使い、メニューに触れるとそのメニューの背景色を変更させ、そのメニューからマウスポインタが外れたときに、背景色を元に戻す方法を解説します。

1. 変更させたいメニューの <td> タグをクリックします。
   
2. [書式]→[ビヘイビア]をクリックします。
3. スクリプトのあるタグが <td> であることを確認します。
4. [挿入]ボタンをクリックし、一覧から[プロパティの変更]をクリックします。
5. [プロパティの変更]ダイアログボックスにて、「現在選択されている要素」が選択されていることを確認します。
6. [枠線]ボタンをクリックします。
   
7. [枠線とパターン]ダイアログボックスの[パターン]タブをクリックします。
8. [背景色]を指定して、[OK]ボタンをクリックします。
   
9. 「MouseOut イベント時に元に戻す」にチェックを付けて、[OK]ボタンをクリックします。
   
10. イベントが「onclick」になっている場合は、「onmouseover」に変更します。

▲Page TOP

問題は解決しましたか？

操作方法、設定方法等で困ったら、Expression Web & FrontPage Users Forum に投稿してください！

▲このページのトップへ

Contents Menu

Site Search by Google

Microsoft MVP

Ads