• ベストアンサー

リンクボタンの色の変化

現在THMLで作ったフレーム付きのHPで リンクボタンを設置しているのですが、 マウスポイントをリンクボタンに合わせた時に ボタンの色が変わるようにしたいのですが・・・ そのタグの入れ方がわかりません。 色々試してみたのですが、どうしてもダメみたいです。 ヨロシクお願いします。

  • HTML
  • 回答数4
  • ありがとう数4

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

  • ベストアンサー
  • maa45ki5g
  • ベストアンサー率31% (49/158)
回答No.4

うまくいかない、というのが 元の画像は表示されてるし、クリックしたらtop.htmlに飛べるのに、 マウスを乗せても画像が変わらない、ということならば 多分ブラウザのjavaスクリプトが切れているのでは…… (http://www.hajimeteno.ne.jp/dhtml/sample/sp60.htmlで、 雪が降っていなければビンゴです) 今、適当な画像2枚にtpp2、toppuって名前をつけて お書きになったのをコピペして試したら うまくできましたよ。

aimaimi
質問者

お礼

再度の回答をありがとうございます。 元の画像の表示とリンクも出来るのですが・・ 上のサイトの雪・・あれ?振っていました~ とても綺麗な画像でした。。。 なんて見とれている場合ではなかったですね。 教えて頂いた書き方でmaa45ki5gさんが、 試したら成功されたんですね!やった!!! え~っなぜ?私がするとダメなのでしょうか? 私、まだFFFTPでファイルを更新していないですが、 アップローダーとは関係なしですよね??? maa45ki5gさんは、適当な画像2枚にtpp2、toppuって名前を つけてコピペして見る時、アップしないでも色が変わりました? 書き方はOKだと分かっただけでも 安心しました。でもなぜ~(泣) 補足に全部のソースを表示してみるので、教えて下さい。 本当に本当に何度もごめんなさい。

aimaimi
質問者

補足

<html> <head> <title>これテストです。</title> <STYLE type="text/css"> <!-- BODY{ scrollbar-track-color: #FFFFFF; scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #e49fdf; scrollbar-darkshadow-color: #FFFFFF; scrollbar-highlight-color: #e49fdf; scrollbar-3dlight-color: #FFFFFF; scrollbar-arrow-color: #7B68EE; } --> </STYLE> <BODY background="hosizora.gif" bgproperties="fixed"> <center> <A HREF="top.html" onMouseover="document.tppu2.src='tppu2.gif'" onMouseout="document.tppu2.src='toppu.gif'" target="contents"><IMG src="toppu.gif" name="tppu2" border="0"></A> <br><br> <A HREF="aroma.html" target="contents"><IMG src="1aromaterapi.gif" border="0"></A> <br><br> <A HREF="kaori.html" target="contents"><IMG src="kaorinokouka.gif" border="0"></A> <br><br> <A HREF="boudo.html" target="contents"><IMG src="rinnku.gif" border="0"></A> <br><br> <A HREF="suiminn.html" target="contents"><IMG src="suiminn.gif" border="0"></A> <br><br> <A HREF="mini.html" target="contents"><IMG src="minigemu.gif" border="0"></A> <br><br> <a href="ここは掲示板にリンクしちゃうので省略します。 " target="contents"><IMG src="majikarubanana.gif" border="0"> </a> <br><br> <A HREF="ここはゲームサイトなので省略しています。 " target="contents"><IMG src="1keijibann.gif" border="0"></A> <br><br> <A HREF="menntaruherusu.html" target="contents"><IMG src="menntaruherusu.gif" border="0"></A> <br><br> <A HREF="midi.html" target="contents"><IMG src="orugoru.gif" border="0"></A> <br><br> </center> <body bgcolor="b2b0ff" background="hosizora.gif"> <marquee scrollamount="2" truespeed direction="up"height="200"> <marquee bgcolor"#e1f4ff"><img src="kirakira.gif"></marquee></marquee><br> </body></body> </html> 以上です。ヨロシクお願いします。

その他の回答 (3)

  • maa45ki5g
  • ベストアンサー率31% (49/158)
回答No.3

<A HREF="top.html" onmouseover="tppu2.gif onmouseout ="toppu.gif" target="contents">の部分を <A HREF="top.html" onMouseover="document.tppu2.src='tppu2.gif'" onMouseout="document.tppu2.src='toppu.gif'" target="contents">にしてみて下さい。

aimaimi
質問者

お礼

遅くなってごめんなさい。 昨日から頑張ってみたのですが、 やっぱり反応なしです・・・なぜ? こんな風に書いています。↓ <A HREF="top.html" onMouseover="document.tppu2.src='tppu2.gif'" onMouseout="document.tppu2.src='toppu.gif'" target="contents"><IMG src="toppu.gif" name="tppu2" border="0"></A> 画像もちゃんと同じフォルダーに入っているし 画像名も合っているのですが・・・。 他にどんな原因が考えられますか? 本当に何度もお願いして申し訳ありません。

aimaimi
質問者

補足

ありがとうございます! 早速やってみます。 結果をまた報告しますね!

  • maa45ki5g
  • ベストアンサー率31% (49/158)
回答No.2

一箇所のボタンにつき色が変わる前のものと 色が変わったものと2種類用意してあります? あとは「ロールオーバー」で検索してみてください。 何通りかやり方があると思います。 実際に試されていてうまくいかないのであれば、 どこがマズいのかを指摘できるように、 ソースを一部コピペしていただいたほうがいいと思います。

aimaimi
質問者

お礼

2種類の画像も準備完了して タグをロールオーバーで検索して そこの一部のサイト説明のとおりにやってみたんですが・・。 やっぱりダメでした。 下記は私の一部のソースです。"toppu.gif"は元の画像で"tppu2.gif" は色の違う画像なんですが・・・。 このソースだけ変更してもダメなのでしょうか? タグの書き方が間違っているのでしょうか? name=" "を忘れずにと書いてあって意味が分からなくて・・ 本当に何度もごめんなさい。。。 <A HREF="top.html" onmouseover="tppu2.gif" onmouseout ="toppu.gif" target="contents"><IMG src="toppu.gif" name="tppu2" border="0"></A>

aimaimi
質問者

補足

度々ありがとうございます。 まだ一種類しか準備していなかったです。(汗) 一時間もあれば準備できます。 直ぐに準備してロールオーバーで検索して 教えて頂いたとおりにやってみますね。 必ず結果を報告しますね♪

  • maa45ki5g
  • ベストアンサー率31% (49/158)
回答No.1

「ボタン」というのは <input type="~~">で指定されるボタンですか それとも画像ですか

aimaimi
質問者

お礼

お礼を書く場所がもう無かったので、ここに 書きますね。 アップしたら出来ました~感激です。 本当に親切にありがとうございました。

aimaimi
質問者

補足

説明不足でごめんなさい。 画像のボタンをダウロードして使っています。 ヨロシクお願いします!

関連するQ&A

  • リンクの色が一部変化しない

    cssでリンクの色の指定(hover・visited)をしたのですが、何故か2箇所だけ色が変化しません。ソースを見ても、他のリンク部分と全く同じ(<a>タグでくくってあるのみ)です。ちゃんとリンク先にも飛ぶのですが、何故マウスオーバーした時に2箇所だけ色が変わらないのか分かりません。リンク先がかなり古いサイトで、ひょっとしてそれが関係しているのかなと思ったのですが、飛ぶことは飛ぶので不具合点が分かりませんでした。解決方法をご存知の方、いらっしゃったら是非教えてください。宜しくお願い致します。

  • リンクボタンの色の変化

    インターネットをやっていて、これまではリンクボタンを押したものは色が少し変化して、リンク先を見たかどうかが分かりました。 それが、どれを見ても突然色が変わらなくなりました。 この現象が起きる少し前に、ハードディスクから異常な音が出ていたので、何か関係があるかもしれないのですがよく分かりません。 以前の状態に戻すにはどのようにすればよいでしょうか。よろしくお願いします。

  • 動くボタンでリンク

    FLASH MXです。 マウスポインタがオーバーすると色が変わるボタンをつくりました。 そのボタンをムービークリップとして、動きをつけました。 それをスクリーン上に配置して、リンクをはったのですが、 するとマウスポインタを置いても色がかわらなくなってしまいました。 どうしてなんでしょうか。おしえてください。 前の質問にあった、リンクで、透明ボタンの方法を試しましたが、うまくいきませんでした。

    • ベストアンサー
    • Flash
  • Flashボタンのリンクについて

    今回初めてHPを作っているんですがどうしてもわからないので質問させていただきます。 FlashMXでボタンを作ってリンク(gotoURL)を貼って、Dreamweaverにて縦に割ったフレームの左側に設置しました。 ボタンをクリックして右側のフレームに指定のドキュメントを表示させたいんですがどうしてもうまくいきません。 作ったボタンにはgetURL("指定ドキュメト","_self");とアクションスクリプトを設定して"_self"の部分は_parent,_blnk,_top,mainframe等記述してひと通り試してみたのですがどうしても右側のフレームに表示されません。 色々調べてみたのですがどうしてもわからずほとほと困り果てています。。初心者の質問で申し訳ありませんがおわかりの方どうぞご指導よろしくお願いします。

  • 選択のリンクの色替え

    リンクを選択したときに色を変えるようにしたいです。 今<alink=000000>というようなタグを使ったのですが、そうすると、そこを選択してクリックしないと色が変わらないのです。マウスを持っていっただけで色が変わるようにするにはどうしたらよいでしょうか?

    • ベストアンサー
    • HTML
  • リンクにマウスポインタが触れると、別フレームにリンク先が表示するには?

    リンクにマウスポインタが触れると、別フレームにリンク先が表示するにはどうすればイイのでしょうか? クリックするのではなく、マウスポインタが触れるだけでそうなるようにしたいのですが、誰か教えていただけませんでしょうか? 私は今HTMLのタグ打ちでHPを作成しています。

  • インラインフレームへのリンクとブラウザの「戻る」ボタン

    インラインフレーム内をターゲットにしたリンクの場合、 ブラウザの「戻る」ボタンではフレームの中が戻ってしまいます。 これを避けて、フレームが設置してあるページが戻るようにする方法があれば教えてください。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • リンクの色変化について

    まったくの素人です。是非ご教示ください。 使っている環境は、以下です。 Dreammweaver 3J XP リンクをテキストに張ったとき、HP転送公開後、そのリンクをクリックすると青色が、紫色に変わります。その後HPを開いた時は、紫色です。これについてお聞きします。 (1)ユーザ(HPを開く人)毎に、クリックしたことがあるか否かで青から紫になるのですか?それとも、ユーザの誰かがクリック一度でもクリックしたことがあれば、青から紫になるのですか(したがって、ユーザ毎のクッリックを反映させているのではない)? (2)この変化のきっかけ(トリガー)は設定できるのですか?また、紫と青は設定できるのですか? 以上お手数おかけします。よろしくお願いします。

  • ボタンにリンクをはるには?

    ボタンというかよく「送信」とか書いてある入力ボタン(灰色の3Dのやつ)をHPにつける事はできたのですがどうしてもリンクが貼れません。困ってます。

    • ベストアンサー
    • HTML
  • リンクしたものを新しいページに出したいのですが。

    掲示板を設置しています。 フレームの大きさを指定して小さくしてあります。 文中に、リンクを張りたいときに、 <a href="★"></a>というタグを入れていますが、 これだと、リンク先に飛んだとき、 小さなフレームの中に出てしまうので、良く見えません。 なので、リンク先を新しいページで出したいのですが、 どういうタグを使えば良いのでしょうか。 教えてください。 よろしくお願いいたします。

    • ベストアンサー
    • HTML

専門家に質問してみよう