• ベストアンサー

HPビルダーV9でロールオーバー効果をキーボードで

HPビルダーV9を使ってます。 TABキーでリンク先のバーナーを選択することはできますが、ロールオーバー効果のバーナーをTABキーで選択しても、効果が利きません。 (何を選択してるかを知りたいためです) TABキーで上記のことができないとしたら、マウスポインタをキーボードで操るという方法はあるのでしょうか? もし、HPビルダーV9では無理なら他のHP作成ソフトを紹介してください。 宜しくお願いします。

質問者が選んだベストアンサー

  • ベストアンサー
  • Pagan
  • ベストアンサー率70% (101/143)
回答No.3

 そうです。onfocusでフォーカスした時の設定をし、onblurでフォーカスを失った時の設定をします。  onfocusとonmouseoverで同じ画像、onblurとonmouseoutで同じ画像を指定しておきます。下記サンプル参照。 <a href="http://okweb.jp/" id="_HPB_ROLLOVER1" onblur="HpbImgSwap('_HPB_ROLLOVER1', 'a1carlo.gif');" onmouseout="HpbImgSwap('_HPB_ROLLOVER1', 'a1carlo.gif');" onfocus="HpbImgSwap('_HPB_ROLLOVER1', 'b1carlo.gif');" onmouseover="HpbImgSwap('_HPB_ROLLOVER1', 'b1carlo.gif');"><img src="a1carlo.gif" width="68" height="96" border="0" name="_HPB_ROLLOVER1"></a>  プレビュー上では効果の確認はできませんが、ブラウザ上では動作しました。

yasuaki1968
質問者

お礼

またまた ありがとうございました。 確認できました(^.^)/ もうひとつお聞きしたいのですが、TABキーを使うと 順々にセレクトして行きますが、行き過ぎて一つ手前に戻りたいときとか、逆順に進みたいときとかを考えた場合、↓↑キー等を使ってセレクトできるTABキーに代わるやり方とかはあるのでしょうか? またよろしくお願いします。

その他の回答 (3)

  • Pagan
  • ベストアンサー率70% (101/143)
回答No.4

Shift + Tab で戻れます。 [スタート]ボタン-[ヘルプ]で「ショートカットキー」で検索すると、Windowsのショートカット一覧が載っていますよ。

yasuaki1968
質問者

お礼

最初から最後まで面倒をみていただき、本当に有難う御座いました。 これから作ろうとしているモノが一歩前進しました。 また疑問点が生まれたらそのときは宜しくお願いします。

  • Pagan
  • ベストアンサー率70% (101/143)
回答No.2

ロールオーバー効果について誤解がある気がするので、HPビルダーのヘルプから引用。 ------------------------------------------------ Web ブラウザに表示された画像の上にマウス ポインタを置くと別の画像に切り替わり、マウス ポインタを画像の外に出すと元の画像に戻る ― このような効果を「ロールオーバー効果」と呼びます。 ------------------------------------------------  TABキーでも効果を出したいのなら、ソースでJavaScriptを少し編集すればいいのでは?  onmouseover属性だけなのをonfocus属性も追加すればTABキーで選択もできるようになると思いますが。

yasuaki1968
質問者

お礼

ありがとうございます。 なかなか回答してくださる方がいなかったので、半分あきらめてました。(T_T) 意味がよくわかりました。 ただ、どこにonfocus属性を追加したらよいのかわかりません。 下記のHTMLソースの場所に追加でしょうか? <DIV style="top : 251px;left : 57px; position : absolute; z-index : 10; " id="Layer3"><A href="ABC.html" id="_HPB_ROLLOVER1" onmouseout="HpbImgSwap('_HPB_ROLLOVER1', 'a_ilst113.gif');" onmouseover="HpbImgSwap('_HPB_ROLLOVER1', 'a_ilst114.gif');"><IMG src="a_ilst113.gif" width="50" height="50" border="0" name="_HPB_ROLLOVER1"></A></DIV> ちょっと見づらいかと思いますが、ご回答いただけたら幸いです。宜しくお願いします。

  • Pagan
  • ベストアンサー率70% (101/143)
回答No.1

 画像を右クリックして、「画像のロールオーバー効果の○○」メニューが出ますか?  出たとしたら、そこから設定していけばいいと思うのですが。

関連するQ&A

専門家に質問してみよう