マウスが外れた際の処理の設定 Part 3
ポップアップメニュー以外の領域のマウスカーソルの形を変更しよう
完全透明のGIFファイルにリンクが設定されている、メインメニュー、サブメニュー以外の領域にマウスポインタが存在する場合、
ポインタの形が指の形ではなく、矢印の形にするための処理方法を解説します。
完全透明のGIF画像を選択し、クイックタグセレクタの <img> が選択されていることを確認します。
分割ビューに切り替えます。
完全透明GIF画像のタグ全体が選択された状態になっていますので、<img の直後にカーソルを移動させて、<img> タグ内に style="cursor:default;" と入力します。
デザインビューに戻したい場合は、ビュー切り替えにて[デザイン]をクリックします。
「Menu2」に触れたときにサブメニューを表示しないようにしよう
「Menu1」に触れるとサブメニューレイヤーID「sub1_1」が表示されますが、「Menu2」にマウスポインタの場所が移動された場合、そのサブメニューを消す処理が必要です。
- 「Menu2」の文字列が選択された状態で(ハイパーリンクの挿入)をクリックするか、
[挿入] → [ハイパーリンク] からハイパーリンクを挿入します。 - 特にリンク先を指定しない場合は、アドレスの部分に、
javascript:void(0);
と入力してOKボタンをクリックします。 - [書式]→[ビヘイビア]をクリックして、[ビヘイビア]作業ウインドウを表示します。
- [挿入] ボタンをクリックし [プロパティの変更] をクリックします。
- [プロパティの変更] ダイアログボックスの [要素を選択する] を選択し、
[要素の ID] から「sub1_1」を選択します。 - [表示]ボタンをクリックします。
- [表示]ダイアログボックスが表示されました。「表示しない」を選択し、[OK]ボタンをクリックします。
- [OK] を 2 回クリックしダイアログを閉じます。
- [ビヘイビア]作業ウィンドウの「onClick」を「onmouseover」に変更します。
INDEX
問題は解決しましたか?
操作方法、設定方法等で困ったら、 Expression Web Users Forum に投稿してください!
2012年12月21日(日本時間)をもって、Expression Web 4はフリーソフトになりました。FrontPageユーザーの方もダウンロードして使ってみてください。 なお、Expression Web 4すでに購入された方も、問題が修正された無料版にアップグレードすることをお勧めします。