ポインタがのったときに色を変えるには？

[上に] [前に] [次に]
ｂ。 [E-Mail] 1999/05/15(土) 19:43:22
この前教えてもらった
スタイルシートで文字の色の設定のように、
リンクを貼っているイメージのボーダーも、
色を変えたり、ポインタがのったときに色が変わるように出来ますか？
kazu [E-Mail] 1999/05/19(水) 18:00:46
私もホームページを作っている最中です。
是非、この機能(ポインターがきたら色を変えるとか)を使いたく
誰か教えて下さい。
みんこ 1999/05/20(木) 09:59:24
http://www.tohoho-web.com/css/basic.htm#Pseudo

自力で検索したり調べるのもお勉強のうち。
とかいばってみたりして。

ｂ。さんは...えーと...自分でやってみたらよくわかるんでは。
J.Naka [E-Mail] 1999/05/20(木) 13:26:56
http://www.tohoho-web.com/css/basic.htm#Pseudo
↑ここに書いてあるのは、Hover に関してで、
Hoverは、タグ＜Ａ＞にしか効きませんし、
効くのはフォントそのもので、バックとかは効かないようです。

「とほほＷＷＷ入門」以外に↓にも色々書いてあります。
http://www2f.biglobe.ne.jp/~takan/javac/index.html
Tsuchiya 1999/05/20(木) 14:45:24
JavaScriptで、いいですか？それならここにサンプルあります。
http://www.justnet.ne.jp/javascript/
Nobu3 1999/05/20(木) 17:31:53
a:hover{
ここに好きなスタイルを書けば、なんでもできる。
バックの色も変えれるし、文字の大きさも字体も・・・
でも、ダイナミックに変化するので色ぐらいのほうがおとなしくて良いです。
でもＮＮは（少なくとも4.5までは）「hover」に対応してない。
}
絵のボーダーに使うならimgには「border=0」なんて書いてないでしょうね？
絵そのものを変えるならスクリプトしか無理でしょう・・・

お試し版
a:hover { border-color :red; background-color:blue; }
J.Naka 1999/05/20(木) 17:58:57
ありゃりゃ(^^;ｈｏｖｅｒでバックもボーだも変えれますか。

>a:hover { border-color :red; background-color:blue; }
{なになに}この間の書式が良く分からなかったりしてて（＾＾；
Nobu3 1999/05/21(金) 02:49:31
スタイルシートの詳しいことを書いてあるサイトは、
とほほさんの厳選リンク集（http://www.tohoho-web.com/wwwlinks.htm）に色々書いてあります。
全部書くとキリがないし、そんな時間もないので
そちらを是非一読ください。
きっと回答者になれますよ。
健闘を祈ります。
Nobu3 1999/05/21(金) 03:03:04
http://www.nets.ne.jp/~okahashi/rec-css1/rec-css1.html

僕は、上記ページを保存してローカルでスタイルシートを覚えました。
ちょっとお堅い（仕様書の純粋な邦訳なので）ですが、ためになると思います。

http://www.tohoho-web.com/css/index.htm
でも、とほほさんのページでもかなりの事はわかると思いますよ？
説明がわかりやすいですし、サンプルもあるし・・・

スタイルシートの基礎を覚えれば、応用は簡単にできるはずです。
別にhoverで指定できるのはcolorだけじゃないんですから・・・
自分で勉強してこそ身につく事もあると思います。

ちょっと厳しいかな・・・
J.Naka [E-Mail] 1999/05/21(金) 10:36:24
Nobu3さん　Tsuchiyaさん
ページ紹介有り難う御座いまする
早速ローカルに落としました。
みずか [E-Mail] [HomePage] 1999/05/22(土) 10:25:54
もう解決したのかもしれませんが一応書いておきます。
こんなのはどうでしょうか？
<span style="color:blue;" onmouseover="this.style.color='red'" onmouseout="this.style.color='blue'">
マウスを乗っけて</span>
ちなみにこの方法で、画像も変えられます。
ただしthis.style.colorの部分をthis.srcに変えて、
今の色の部分を、画像のＵＲＬにして下さい。
また、onmouseoverやonmouseout以外も使えますので、
利用してみてはどうでしょうか。
その例です。
<span style="color:blue;" onmouseup="this.style.color='aqua'" onmousedown="this.style.color='green'" onmouseover="this.style.color='red'" onmouseout="this.style.color='blue'">
マウスを乗っけて</span>
ここまでやるとややこしいですね。（笑）
ｂ。 1999/05/25(火) 22:03:15
[[解決]]
なんとかなりそうです。
ありがとうございます。
それと、スタイルシートの勉強をしたいのですが
よい方法はありませんか？
Nobu3 1999/05/26(水) 17:08:05
まず、ここの文、全部読みましたか？
次に、書いてあるURLには行ってみましたか？

後は、自分で使ってみて、実際に「どの様になるのかを調べる」のが１番の方法です。

[上に] [前に] [次に]