• ベストアンサー

ロールオーバーのタグを教えて下さい

初めまして。 ＨＰ作成は初めてなので専門的な言葉はよくわからない者です。 ＨＴＭＬをコピーして貼り付けてちょっと編集してＨＰを作ってるところなのですがロールオーバーのタグが分からず困っています。 ネットで検索して貼り付けてもうまくいきません。 入力環境としてはデスクトップにＨＰってフォルダを作ってその中に素材からＨＴＭＬファイルも入れてあります。 me8.htmlっていうページに画像A.jpgとB.jpgのロールオーバーをしたい場合どのようなタグを入力したら良いのでしょうか？ ネットでみてたらHEADにも何か入力が必要なような事を書いてあったのですがその分もあわせて宜しく願いします　m(__)m

  • me8
  • お礼率85% (83/97)
  • HTML
  • 回答数2
  • ありがとう数9

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

  • ベストアンサー
  • tisa000
  • ベストアンサー率50% (5/10)
回答No.2

<A href="URL"><IMG src="はじめの画像URL" onmouseover="this.src='触れたときの画像URL'" onmouseout="this.src='触れた後の画像のURL'" border=0></A> これでできると思います。 リンクをはらない場合は、<a></a>タグは外してください。 他にjavaScriptを使う方法もあります。

me8
質問者

お礼

ご回答いただきましてありがとうございました。 とてもわかりやすく書いて下さってたので 日本語のところに指定の語を入力したら すぐ出来るようになりました。 あちこちのHPを見て試してもうまくいかなかったのが 嘘のようです！！ どうもありがとうございました。

その他の回答 (1)

  • KODAMAR
  • ベストアンサー率26% (267/1006)
回答No.1

ロールオーバー？ って言われて「マウスポインタが重なったら画像がかわるアイコン・ボタン」を 想像したんですけど、いいんでしたっけ？ これでしたらJavaScriptというものを使います。 （HTMLではないです。） ＞ネットでみてたらHEADにも何か入力が必要なような事を書いてあったのですがその分もあわせて宜しく願いします このHEAD部分にJavaScriptを入力します。 JavaScriptについては http://dfj.cool.ne.jp/ をご覧下さい。

me8
質問者

お礼

ご回答ありがとうございました。 参照のHP拝見させていただきました。 感想はスゴイなぁ～と思いました。 まだ私にはちょっと解読不可能な部分もあって 使いこなしに時間がかかりそうですが とてもいいHPを教えて頂いて感謝しています。 頑張って使えるようになりたいと思います！ どうもありがとうございました。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • ロールオーバーで小窓を出したい。

    今、ロールオーバーでリンクを指定してあります。 ロールオーバーはHPビルダー2001でつけました。 そのロールオーバーの編集でリンク付けてあります。 このリンクをロールオーバーしている画像を押した時に 小窓で表示される様にするにはどうすれば良いのでしょうか？ 教えてください。

    • ベストアンサー
    • CSS
  • ロールオーバーのタグについて教えてください。

    はじめまして。 http://www.s-b-c.net/ 現在CSSを使って上のような横並びのロールオーバーのメニューを作成しています。 ロールオーバー自体は出来ているのですが、私が作ったサイトだと全部のボタンが改行なし、空白なし（スペースのための画像も含めて）でdreamweaverでは1行として書かれています。 上のサイトのように改行してキレイに見やすくできればいいのですが、タグを改行して書いていくと最後のボタンが下にずれてはみ出てしまいます。 改行と同時に空白ができているようです・・・ タグで普通に改行して書いても空白とかできるのでしょうか？ できればきちんとこのままのボタンを利用して見やすいソースで作成したいのですが、やり方がわかりません・・・ やはり空白や改行なしで続けて挿入していくしかないのでしょうか？ どうか教えてください。よろしくお願いいたします。

  • ロールオーバーの反応

    ビルダー１０で作成したＨＰをサーバーにアップした後にウェブ上で確認すると、ロールオーバーの反応が遅いです。 遅い時は２秒ぐらいかかったり、無反応だったりもします。 リンクは普通にできます。作成元のプレビューで確認してもロールオーバーは普通に反応します。 何が原因でどう対処すればいいでしょうか？

  • ロールオーバーの表示方法は？

    インフォメーションという文字をロールオオーバーで表示させたいのですが ×となります。 http://shiurafukushima.hp.infoseek.co.jp/ HTMLのインフォメーションロールオーバーはino.gif.htmの部分です。 HTMLの入力に問題があるのでしょうか？ <a href="http://shiurafukushima.hp.infoseek.co.jp/05.html"> <img src="ino.gif.htm"border="0"> </a><br>

    • ベストアンサー
    • HTML
  • 教えてください・・・。

    ＨＰを作っててロールオーバーというのがどうしてもうまくできません・・・。 あと、エラーにたびたびなって「デバッガしますか？」というメッセージがでます。 以前は、ＨＰのＴＯＰをひらくたびにずっとエラーが出ていましたが、画像を変えてからは出ていません。 今回、ロールオーバーというタグを入れてからです。 それから、どうやってロールオーバーしたらいいかわかりません(__)

  • ロールオーバーで画像が変わらない(スタイルシート)

    ロールオーバーしたときに画像を変えたいんですが変わってくれません。 ソースは <html> <head> <meta http-equiv="Content-Type" content"text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <style type="text/css"> <!-- body{background:#191A1C} img{border:none} a:haver{background-color:khaki;} #on1{background-image:url("img/top_on.jpg")} a:haver img{visibility:hidden} </style> </head> <body> <table width="800" border="0" cellpadding="0" cellspacing="0"> <tr> <td><a href="#" id="on1"><img src="img/top.jpg" width="80" height="35" border="0"></a></td> </table> </body></html> 関係なさそうなところは載せてないんですが以上です。 top.jpgをロールオーバー時にtop_on.jpgに変わるようにしたいんですがうまくいきません。

    • ベストアンサー
    • HTML
  • 楽天ＲＭＳでホームページを作っています。

    楽天ＲＭＳでホームページを作っています。 ＨＴＭＬタグが詳しくないので、かなり苦戦しています。 お聞きしたことは、ロールオーバーでマウスを乗せるとバナーが一段階明るく？あるいは変わるようにしたいのです。 しかし、楽天ＲＭＳではロールオーバーのタグが禁止されており使用できません。 楽天ＧＯＬＤに申し込めばできるらしいのですが、一から作らなければならないので、ＲＭＳのまま作成を続けたいのです。 なのでロールオーバー以外の方法で同じようなことができる方法をご存じであれば教えてください。 よろしくお願いします。

  • 文字のロールオーバーの干渉

    いつもお世話になっています。 壁にぶち当たって、藁をもつかむ気持ちで来ました、 どなたか、分かる方がいらっしゃいましたら、ご教授ください。 内容は、同ページに色の違うロールオーバーを作らなくてはならない場合。最初のロールオーバーに干渉して、下が、上と違う色にならない、 ということです。 例： こんにちわ←これを通常時黒、RO時に赤と設定 ごきげんよう←これを通常時オレンジ、RO時青と設定 すると、こんにちわも、ごきげんようも通常時黒、RO時赤になってしまいます。 上にあるCSSが干渉して、下のCSSが正しく起動しない。 このような現象を回避する又は、そんなタグがあったら教えてください。よろしくお願いします。

    • ベストアンサー
    • HTML
  • 消えてくれないタグ

    私はタグを使ってＨＰを作成中なんですが、タグを入力中に 間違えてタグを入力してしまい、保存してしまいました。 なので、間違えて入力したタグを消して保存したのですが なぜかその消したはずのタグが復活してるんです。 おかしい、と思ってもう１ど編集ページを見たら やはり消したはずのタグが復活していました。 どうしたら消せますか?教えてください。

  • HTML の<img> タグについて

    御世話になります。 Windows10でHTMLの<img> タグを使って画像を表示させたいのですが、タグの中の src 属性に、ファイルエ・クスプローラーでShiftキーを押したままマウスの右クリックで得られるファイルのパスを張り付けると、画像が表示されず、小さなサムネイルのようなもの（決して実際の画像のサムネイルではありません）だけになります。 HTML文書と同じレベルにおいてあるフォルダー内の画像はちゃんと表示されるのですが。 これはコンピューターのあちこちにある任意の画像を表示させたければ、HTML文書と同じレベル以下のフォルダーにコピーしておかなければならないという事なのでしょうか？それとも各画像をコピーしてこなくてもそのままの位置に置いたまま表示させる方法があるのでしょうか？ どなたか詳しい方がいらっしゃいましたら、詳しく教えて頂きたいと思います。 自分のソースコードを張り付けておきます。 まず表示されるもの。 <!DOCTYPE HTML> <HTML> <head> <title> example02</title> </head> <body> <img src="C:/xampp/htdocs/PHP-OOP/images/EVEdAnT.jpg" width="600" height="400"> </body> </html> 次に、表示されないもの。 <!DOCTYPE HTML> <HTML> <head> <title> example02</title> </head> <body> <img src= "images/EVEdAnT.jpg" width="600" height="400"> </body> </html> 以上、よろしくお願いいたします。

    • ベストアンサー
    • HTML

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する