• ベストアンサー

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

  • ロールオーバー効果ウィザード

    ホームページビルダーv6.5を使用してHPを作成しているのですが、ロールオーバー効果ウィザードで通常時は横長の画像で、マウスポインタが上にきた時には縦長の画像を使用したいのですが、そうなるとやはり通常の画像が横長ですと、マウスポインタが上にきた時には縦長の画像は横に伸びてしまいました。そうならないように、縦は縦、横は横という様には出来ないものでしょうか?

  • ロールオーバー効果とメモは一緒に出来ないのでしょうか?

    ホームページビルダー10でHPをつくっている 最中ですが、リンクボタンの画像にロールオーバー 効果(マウスを合わせると色が変わる効果)と メモ(マウスを合わせるとリンク先ページに ついての簡単なメッセージがでるというみたいな もの)を一緒にする事はできないのでしょうか?

  • ロールオーバーみたいな・・・

    ホームページビルダーV8を使用しています。 プロバイダーのサイト等によく見掛けますが、ある項目に マウスポインターが入ると縦に項目一覧が現れ、それぞれ にリンク先が指定されています。 同じ様なものを作っているのですが、ロールオーバー機能 でも無理のようですし、ホットメディアだと項目一覧の出 力が無理のようです。(ファイルの入替は可能ですが) 何か適当な方法を教えて下さい。

  • ホームページ「メニューボタンのロールオーバー効果」について

    ホームページビルダー7を使用しています。 「URLから読み込み」で色々なホームページを参考にしてHP製作に活用しています。 メニューボタンでマウスポインタが上にきた時に画像が変化する効果がありますが,ロールオーバー効果の設定がされていないのに,この効果となっているものが多々あります。 どのようにして処理されているのでしょうか? これらのHPはビルダーで読み込んでも,ボタンの画像ファィルはテキストなどと同様に見ることができません。(私がビルダーでロールオーバー効果を設定したものは,効果設定のマークが表示され,2つの画像ファイルが登録されています) 以上 よろしくご指導願います。

  • ビルダー9でロールオーバー作成

    現在ビルダー9でロールオーバーのリンクボタンを作っています。ウェブアートデザイナーを開いてウェブアート素材タブのなかから画像を選びましたが、オブジェクトの選択で、画像だけ(あるいは文字だけ)が選択されてしまい、ロールオーバーが作れません。 説明わかりづらいですか?つまり、画像のみ(文字のみ)のロールオーバーになってしまうということです。画像+文字を選択するにはどうしたらいいですか?

  • サムネイルとロールオーバー効果を組み合わせたいのですが…

    こんばんは。お世話になります。 今、行き詰っています。 ホームページビルダーV6.5を使ってWEBページを作っています。画像を1ページあたり6~10枚程度載せたいので、容量や見栄えを考えてサムネイルにしてすっきりさせました。画像をクリックすると拡大されますが、その画像上にマウスポインタがかかった時にモザイク等の効果をかけたいのです。サムネイルにしなければ「画像のロールオーバー効果」からできるのですが、サムネイルにするとグレー表示になってしまい、どうしてもできません。 具体的にはhttp://www.asaba-jp.com/butsuga/gatten.htmlの画像にマウスを乗せた時のような効果をかけたいのです。 要は印刷やコピーを防ぐ手段のとして、このような効果を取り入れたいと思っているのですが、方法がわかりません。他に右クリックで「コピーしないで」という注意表示を出す方法も試したのですが、やはり画像そのものにモザイク処理等をかけたいと思います。 サムネイルとロールオーバーを組み合わせて表示させる方法をご存知の方教えてください。よろしくお願いします。

  • ロールオーバー効果

    HPビルダーでロールオーバー効果を使うと 作成したHPにアクセスすると セキュリティ保護のためコンピューターに~~ インターネットエクスプローラーで制限しています。 オプションを表示する場合ここをクリックしてください とエクスプローラーの上の方に表示されます。 この表示をHPを見てくれている方に表示させない ようにはできないのでしょうか? http://www1.jalux.com/00000019/html/p05.html このHPはロールオーバー効果を使ってるにもかか わらず表示されないもので・・。 どなたか分かる方よろしくお願いします。

  • 以前、ロールオーバー効果について質問した者です。

    再び同じような質問をお許し下さい。 以前、ホームページを作ろうと思います。・・・といった質問をしたのですが、回答してくださった方のおかげで、方法が見えてきたのですが、よくよく調べてみたらちょっとまた引っかかるところが出てきてしまったので、どうか教えていただけたら幸いです。 以前、写真にマウスポインタがいくと、ふっとその写真そのものが拡大されたような感じになるので、その方法を教えてほしいといった内容でしたが、もう一度その効果があったホームページを見返したところ、どうも拡大・・・という感じではなくて、隣にパッと拡大されてうつる・・・といった感じなんです。 実は、今練習用のホームページでそのロールオーバー効果をやってみたのですが、私のやり方が悪いのかもしれませんが、プレビューで見てみるとどうしても拡大されないのです(泣) ちなみにソフトはホームページビルダー15をインストールしました。 あの質問の後、さらに本を追加して買った(徹底攻略!みたいなやつ)のですが、それでその本と実際のホームページの順序どうりにやってみたのですが、ならないのです。。。 おかしいなぁ、と思ってもう一度やってみたら、別に掲載した画像にロールオーバー効果を付け足すような効果??を指定したら、今度はプレビューでその小さな写真にマウスポインタがいったら、別の写真がパッと変ったんです。 もう、???になってしまって。。。 その効果が気になったというホームページを再度覗かせていただいて、もう一度その写真にマウスポインタを乗せたら、すぐ隣にぱっと写ったんです。(よくよく見たらそんな感じ) まるで、そこに写真があって、消えて?いて、マウスポインタがのったときだけ表示される。。。といった感じです。 本当ならそのホムペのリンクを貼りたいのですが(そうすればすぐ私の言いたいことがわかっていただけると思うので。。。)、それは著作権に引っかかると思う(ある団体なので、良いのか悪いのかわからないんです)ので、やめておきます。 すみません、しつこい質問をしてしまって申し訳ありませんが、わかる方がいましたらどうか回答して頂けたら幸いです。 長文失礼しました。

  • HPビルダーで、PDFファイルを見れるようにする

    HPビルダーver6を使っています。OSはWindowsXPです。 ビルダーで作成中のHPからPDFファイルへリンクを貼りたいのですが、下記のようにやってみると「ページが表示できません」に飛んでしまいます。 方法 1、リンク元のテキストを選択 2、リンクの挿入ボタンを押す 3、タブのファイルを選択 4、参照ボタンでHPのファイルにあるPDFを選択 5、開くボタンを押す とりあえず設定できたっぽいので、転送する。 HPに実際にいってみて、PDFがひらけれるか確認するが、ここで失敗。(ページが表示されません、になる) という状況です。どなたか、解決方法を教えていただけないでしょうか? よろしくお願いします。

  • ロールオーバー効果について・・・のその後。

    以前からしつこい質問ばかりで、本当に申し訳ありません。 ここに質問すれば納得のいく回答をしてくださる方がいるので、甘えています。 さて、表題に戻りますが、以前からホムペ作成にあたっての、画像のロールオーバー効果についての質問を繰り返しています。 いろいろな方面からのアドバイスで、やり方等が分かってきたのですが、これさえあれば、というものがまだ少し残っています。 そこで、私が一番言いたかった・・・というか表現したかった方法が、リンク先の貼り付けで、そこのホームページにさえ飛んでいただいてここのやり方なんです!といえば、きっと分かってくださると思います。でも、著作権??のことがよくわからなくて、別の項目にて質問をしたところ、リンク先を貼り付けるだけなら問題はない(クリックすれば誰でも行くだろうしという答えでした)との回答をいただいたので、安心したとともに、これでしつこい質問を最後にしたいと思い、思い切ってリンクを貼りたいと思います。 http://www.dewa.or.jp/~tfc119/ ここのホームページです。 その最初のページ(HOME)の左側に何人かの顔写真が掲載されています。 そこの画像にマウスポインタが乗っただけで、隣に拡大された同じ顔写真が写るのです。 それをやりたいんです! もしこんなしつこい質問にあたたかい回答をいただけたら本当にうれしいです。 よろしくお願いいたします。

専門家に質問してみよう