TABLEを利用したリンクの方法

質問

TABLEのTD内全てをリンク範囲とし、カーソルを上に持っていくと背景色が変わるようなソースを探しているのですが、なかなか見つけることが出来ません。ＭＳＮニュースのメニュー部分のようなものを探しています。

　参考ページ・MSNニュース
　http://news.msn.co.jp/articles/snews.asp?w=110824

　御存知の方、お手数ですが宜しくお願い致します。

回答No.3

noname#5841 · ベストアンサー

こんにちは。
画像での切り替えが難しい（ひとつの外部jsファイルで管理したい）という場合には

１．http://popup.jscentral.com/
２．http://www.dhtmlcentral.com/projects/coolmenus/
などが解説もついてて良いかと思います。
少し難解かもしれせんが、おそらくご希望のソースに一番近いかと。
・・・ただし、英語のサイトです・・・。

回答No.2

starjet

補足です。

http://shopside.fc2web.com/homepage5.html

ここのページなんかはどうでしょう？？

補足

starjetさん、御回答有難う御座います。
CSSの応用は試してみたのですが、どうしてもTD全体をリンク指定することが出来ませんでした（＾＾；
作っているサイトが頻繁にメニュー項目の拡張が必要になるので、OnMouseoverとOnMouseoutを利用した画像切り替えは厳しく、ＭＳＮニュースのような演出に魅せられたのですが・・・もう少し探してみようかと思います。

　お手数お掛けしてしまい申し訳ありませんでした<(_ _)>

回答No.1

starjet

A:hover { color:○○○; text-decorationion:none;background-color:○○○}
を応用してどうにか……ならないかも。。ごめんなさい。

テーブルの大きさをちっちゃめにして文字がそのなかいっぱいに表示できるようにすれば、MSNのとこみたいに
なるかも。。

http://crafts.jp/~momojam/hp.htm#link
↑ここから引っ張ってきました。

お礼

お返事が遅れてしまい申し訳ありませんでした。
お礼の意味も込めて完成したものをお見せしたかったのですが、
時間が足りず、結局、習得しきれませんでした。

なんとか今後も勉強して、これをものにできるように努力します。

御両人、御対応有難う御座いました。