Dreamweaver TechniqueJAVA Script サンプル | CSS sample | JAVA Applet sample | Flash Sample
HTML4.0 riference | DynamicHTMLXHTML | XML sample | XSLT sample | RIKO's ASP Trial

マウスオーバー時、ステータスバーにテキストを表示する

 

リンクの上にマウスを重ねると、通常ステータスバーにはリンク先のURLが表示されます。ここでは、ビジターにさらに親切なリンクとなるよう、URLではなくテキストによるメッセージが表示されるようにしてみます。

■ ボタンにリンクを設定する

下の作例ではボタンイメージに対してステータスバーテキストを設定しますが、テキストの場合も同様のやり方で行えます。
まず最初にプロパティインスペクタを使って、ボタンに通常のリンクを設定しておきます。

■ 【ステータスバーテキストを設定】を選択

ステータスバーへのテキスト表示は、【ステータスバーテキストを設定】アクションを使って行います。イメージボタンを選択し、【ビヘイビア】パネルの【テキスト設定】から【ステータスバーテキストを設定】アクションを選択します。
次に【ステータスバーテキストを設定】ダイアログが開いたら、【メッセージ】にマウスオーバー時に表示したいテキストを入力します。

■ 【onMouseOver】を確認する

イベントが【onMouseOver】になっていることを確認します。

■ マウスアウト時の設定を行う

このままではマウスポインタがボタンを離れてもステータスバー上のテキストはそのまま表示され続けてしまうので、マウスアウト時の設定をします。
ビヘイビアパネルの【+】プルダウンメニューでこれまでの操作と同様【テキスト設定】-【ステータスバーテキストを設定】でダイアログはくウランにして、イベントは【onMouseOut】に設定します。

■ 作例

Shirley's i-box Shirley's little-box JAVA Script sample CSS sample JAVA Applet sample

 

R HOUSE | RIKO's Trial Page | Shirley's Pettit Case | Shirley's i-box | Shirley's little box