- ベストアンサー
リンクボタンの色の変化
現在ＴＨＭＬで作ったフレーム付きのＨＰで リンクボタンを設置しているのですが、 マウスポイントをリンクボタンに合わせた時に ボタンの色が変わるようにしたいのですが・・・ そのタグの入れ方がわかりません。 色々試してみたのですが、どうしてもダメみたいです。 ヨロシクお願いします。
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
うまくいかない、というのが 元の画像は表示されてるし、クリックしたらtop.htmlに飛べるのに、 マウスを乗せても画像が変わらない、ということならば 多分ブラウザのjavaスクリプトが切れているのでは…… (http://www.hajimeteno.ne.jp/dhtml/sample/sp60.htmlで、 雪が降っていなければビンゴです) 今、適当な画像2枚にtpp2、toppuって名前をつけて お書きになったのをコピペして試したら うまくできましたよ。
その他の回答 (3)
- maa45ki5g
- ベストアンサー率31% (49/158)
<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">にしてみて下さい。
お礼
遅くなってごめんなさい。 昨日から頑張ってみたのですが、 やっぱり反応なしです・・・なぜ？ こんな風に書いています。↓ <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> 画像もちゃんと同じフォルダーに入っているし 画像名も合っているのですが・・・。 他にどんな原因が考えられますか？ 本当に何度もお願いして申し訳ありません。
補足
ありがとうございます！ 早速やってみます。 結果をまた報告しますね！
- maa45ki5g
- ベストアンサー率31% (49/158)
一箇所のボタンにつき色が変わる前のものと 色が変わったものと２種類用意してあります？ あとは「ロールオーバー」で検索してみてください。 何通りかやり方があると思います。 実際に試されていてうまくいかないのであれば、 どこがマズいのかを指摘できるように、 ソースを一部コピペしていただいたほうがいいと思います。
お礼
２種類の画像も準備完了して タグをロールオーバーで検索して そこの一部のサイト説明のとおりにやってみたんですが・・。 やっぱりダメでした。 下記は私の一部のソースです。"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>
補足
度々ありがとうございます。 まだ一種類しか準備していなかったです。（汗） 一時間もあれば準備できます。 直ぐに準備してロールオーバーで検索して 教えて頂いたとおりにやってみますね。 必ず結果を報告しますね♪
- maa45ki5g
- ベストアンサー率31% (49/158)
「ボタン」というのは <input type="～～">で指定されるボタンですか それとも画像ですか
お礼
お礼を書く場所がもう無かったので、ここに 書きますね。 アップしたら出来ました～感激です。 本当に親切にありがとうございました。
補足
説明不足でごめんなさい。 画像のボタンをダウロードして使っています。 ヨロシクお願いします！
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_2_thumbnail_img_sm.png)
お礼
再度の回答をありがとうございます。 元の画像の表示とリンクも出来るのですが・・ 上のサイトの雪・・あれ？振っていました～ とても綺麗な画像でした。。。 なんて見とれている場合ではなかったですね。 教えて頂いた書き方でmaa45ki5gさんが、 試したら成功されたんですね！やった!!! え～っなぜ？私がするとダメなのでしょうか？ 私、まだＦＦＦＴＰでファイルを更新していないですが、 アップローダーとは関係なしですよね？？？ maa45ki5gさんは、適当な画像２枚にtpp2、toppuって名前を つけてコピペして見る時、アップしないでも色が変わりました？ 書き方はＯＫだと分かっただけでも 安心しました。でもなぜ～（泣） 補足に全部のソースを表示してみるので、教えて下さい。 本当に本当に何度もごめんなさい。
補足
<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> 以上です。ヨロシクお願いします。