www.wanichan.com

Web > FrontPage > FrontPage 2003 (上級編) > ポップアップメニューの作成

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

はじめに

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

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

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

▲Page TOP

スポンサーリンク
INDEX
  • このエントリーをはてなブックマークに追加

問題は解決しましたか?

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

2012年12月21日(日本時間)をもって、Expression Web 4はフリーソフトになりました。FrontPageユーザーの方もダウンロードして使ってみてください。 なお、Expression Web 4すでに購入された方も、問題が修正された無料版にアップグレードすることをお勧めします。

* Expression Web 4 無料版をダウンロード

▲このページのトップへ