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>
プレビュー上では効果の確認はできませんが、ブラウザ上では動作しました。
またまた ありがとうございました。
確認できました(^.^)/
もうひとつお聞きしたいのですが、TABキーを使うと
順々にセレクトして行きますが、行き過ぎて一つ手前に戻りたいときとか、逆順に進みたいときとかを考えた場合、↓↑キー等を使ってセレクトできるTABキーに代わるやり方とかはあるのでしょうか?
またよろしくお願いします。
No.4
- 回答日時:
Shift + Tab で戻れます。
[スタート]ボタン-[ヘルプ]で「ショートカットキー」で検索すると、Windowsのショートカット一覧が載っていますよ。
最初から最後まで面倒をみていただき、本当に有難う御座いました。
これから作ろうとしているモノが一歩前進しました。
また疑問点が生まれたらそのときは宜しくお願いします。
No.2
- 回答日時:
ロールオーバー効果について誤解がある気がするので、HPビルダーのヘルプから引用。
------------------------------------------------
Web ブラウザに表示された画像の上にマウス ポインタを置くと別の画像に切り替わり、マウス ポインタを画像の外に出すと元の画像に戻る ― このような効果を「ロールオーバー効果」と呼びます。
------------------------------------------------
TABキーでも効果を出したいのなら、ソースでJavaScriptを少し編集すればいいのでは?
onmouseover属性だけなのをonfocus属性も追加すればTABキーで選択もできるようになると思いますが。
ありがとうございます。
なかなか回答してくださる方がいなかったので、半分あきらめてました。(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>
ちょっと見づらいかと思いますが、ご回答いただけたら幸いです。宜しくお願いします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Windows 10 Windows11タスクバーやエクスプローラー、スタートメニュー 動画全画面時にカーソルが見えない 1 2022/04/08 00:03
- マウス・キーボード Tabキーとテンキーが右側にあるワイヤレスキーボード を探しています。 仕事上数字を入力することが多 3 2022/09/22 21:13
- Gmail GmailではメールをDelキーで削除可能でしょうか? 1 2022/08/17 10:43
- 心理学 記憶すべき内容を順番で覚える場合、最初の方にある内容と最後の方にある内容の再生成績(正答率)が高い現 1 2023/07/17 17:32
- Windows Me・NT・2000 widows xpのエラーで利用ができなくなりました 3 2022/12/21 13:43
- Windows 10 windows11 起動エラー 0xc0000225 1 2022/05/14 11:58
- その他(パソコン・スマホ・電化製品) Canvaアプリの使い方 2 2022/05/28 23:18
- セキュリティソフト 複数のアンチウイルスソフト 対応について 4 2022/07/26 11:20
- Windows 10 BitLocker 回復キーの入力 1 2022/10/09 15:23
- Photoshop(フォトショップ) 「要求された操作を完了できません。プログラムエラーです」と表示されます 2 2022/07/17 01:26
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
PDFの保存ボタンが表示されません
-
「縮小専用」で縮小した画像が...
-
画像データを実際に画面で表示...
-
蔵衛門のアルバムの表紙の画像...
-
Illustratorの書類に埋め込まれ...
-
ウィンドウズメディアプレーヤ...
-
Webクリップとは、画面メモ?
-
メールに添付された画像ファイ...
-
PNG画像を印刷すると背景がきち...
-
Adobe インデザインに詳しい方...
-
背景を透過加工したPNG画像を色...
-
IMGタグでTIFF画像を表示
-
イラストレータに配置すると透...
-
ページごとに背景画像を変更し...
-
フォトショップで台形の斜め線...
-
ピクトベアでの背景透過
-
画像の上にテキスト配置で、拡...
-
<hr>の縦バージョンはありますか?
-
Safariでのひどいレイアウト崩れ
-
画像の上に
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
PDFの保存ボタンが表示されません
-
蔵衛門のアルバムの表紙の画像...
-
画像データを実際に画面で表示...
-
画像貼り付け、URLに飛べる軽い...
-
バナー画像のファイル形式
-
たくさんのjpgファイルをスクロ...
-
IrfanView で画像のスクロール...
-
「縮小専用」で縮小した画像が...
-
CGIが実行可能なHP領域又はレン...
-
Illustratorの書類に埋め込まれ...
-
手動スライドショーができる画...
-
ものさし・・・みたいなフリー...
-
premiere pro/画像やタイトルが...
-
IBM ウェブアートデザイナーが...
-
グーグルアースの雲って消せな...
-
フォトショップCSの16bit表示
-
dreamweaver使用して、画像のプ...
-
ホームページ・ビルダーで変更...
-
LaTex での文章と画像の並置
-
C言語で白黒の画像表現
おすすめ情報