a:hoverで設定した内容をクリックした時、そのまま残したい

こんばんわ、お世話になります。

http://www.livedoor.com/
やりたい事としては上記サイトの一番上の
検索　辞書　翻訳　路線　地図　の部分になりまして、

CSSのa:hoverで設定した内容を
クリックした後もそのまま残して
次のリンクをクリックしたら
元のテキストの部分はクリックする前に戻る
というようにしたいです。

色々調べてみたのですが、説明されているサイト
もなく、使用しているサイトも少ないので自分では
どうにも分かりませんでした。
説明不足、説明が分かりにくい所があるかと思いますが、
ご存知の方がいましたら、お手数ですがご教授下さいませ。

No.2 ベストアンサー 回答者： Blaise 回答日時： 2006/02/26 22:09

>次のリンクをクリックしたら元のテキストの部分は

>クリックする前に戻るというように

リンクで完全にページが遷移してますよね。これは目
の錯覚でそう見えるだけです。
ページごとに1つだけセルがインバースしたリンクを
つくっています。仕込み的には別に不思議でもなんで
もなくあたりまえのことです。

単純にCSSの問題で、JavaScriptとは関係ありませんね。

この回答へのお礼

ご回答ありがとうございます。

なるほど、確かにただ別々のページが作ってあるだけですね。
別々のページを作らないやり方っていうのはあるんですかね？
画像版だとできるんですけど、ページが重くなるから嫌なんですよね。

お礼日時：2006/02/26 23:24

No.3 回答者： Blaise 回答日時： 2006/02/27 02:04

>別々のページを作らないやり方っていうのはあるん

>ですかね？

フレームを使えば、JavaScriptのvisibilityで動的に
消したり現わしたりできます。
ご提示のDiscographyのページも行ってみましたが、な
んかムダに重いですね。iFrameをつかえばもっとテキス
トベースにして軽くできます。

No.1 回答者： LancerVII 回答日時： 2006/02/26 22:04

こんにちは。

今選択されているメニューの背景の色が変るようにしたいということでしょうか？

この回答へのお礼

ごめんなさい、
今とはどこのことを言ってるのかわかりません。

やはり、説明が悪いようなので分かりにくいかもしれませんが、図式化してみました。
やりたいのは(3)と(4)のところです。

(1)一番上をオンマウスした状態
●－オンマウス
○
○

(2)一番上をクリックした状態
●－クリック
○
○

(3)一番上をクリックしてマウス離した状態
●－ロールオーバーした時の背景の色が残る
○
○

(4)２番目をクリックした状態
○－次の選択をしたので元の色に戻る
●－クリック
○

参考ページとしては
http://irving.jp/rwr/discography.html
なのですが、
これだと画像を使ったやり方なのですが
テーブルの背景でも同じことができませんか？
ということです。

お礼日時：2006/02/26 23:44