TABLEのTD内全てをリンク範囲とし、カーソルを上に持っていくと背景色が変わるようなソースを探しているのですが、なかなか見つけることが出来ません。MSNニュースのメニュー部分のようなものを探しています。
参考ページ・MSNニュース
http://news.msn.co.jp/articles/snews.asp?w=110824
御存知の方、お手数ですが宜しくお願い致します。
No.3ベストアンサー
- 回答日時:
こんにちは。
画像での切り替えが難しい(ひとつの外部jsファイルで管理したい)という場合には
1.http://popup.jscentral.com/
2.http://www.dhtmlcentral.com/projects/coolmenus/
などが解説もついてて良いかと思います。
少し難解かもしれせんが、おそらくご希望のソースに一番近いかと。
・・・ただし、英語のサイトです・・・。
No.2
- 回答日時:
この回答への補足
starjetさん、御回答有難う御座います。
CSSの応用は試してみたのですが、どうしてもTD全体をリンク指定することが出来ませんでした(^^;
作っているサイトが頻繁にメニュー項目の拡張が必要になるので、OnMouseoverとOnMouseoutを利用した画像切り替えは厳しく、MSNニュースのような演出に魅せられたのですが・・・もう少し探してみようかと思います。
お手数お掛けしてしまい申し訳ありませんでした<(_ _)>
No.1
- 回答日時:
A:hover { color:○○○; text-decorationion:none;background-color:○○○}
を応用してどうにか……ならないかも。。ごめんなさい。
テーブルの大きさをちっちゃめにして文字がそのなかいっぱいに表示できるようにすれば、MSNのとこみたいに
なるかも。。
http://crafts.jp/~momojam/hp.htm#link
↑ここから引っ張ってきました。
お返事が遅れてしまい申し訳ありませんでした。
お礼の意味も込めて完成したものをお見せしたかったのですが、
時間が足りず、結局、習得しきれませんでした。
なんとか今後も勉強して、これをものにできるように努力します。
御両人、御対応有難う御座いました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- Dropbox MSNサイトで利用しているOne Dnveの事です。 1 2022/05/12 08:07
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- ノートパソコン yahooポータルの広告設定 PCを使っている方でyahooポータルからネット接続している方は多いと 1 2022/07/17 07:49
- 迷惑メール・スパム 迷惑メールについて 3 2022/05/29 14:12
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- Windows 8 動画の再生とタイトルの変更方法を教えてください。 3 2022/08/01 14:51
- C言語・C++・C# VisualStudioについて何点か 1 2023/01/28 13:15
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
別ファイルのfunctionの読み込み方
-
ひとつの外部ファイルに複数の...
-
外部jsファイルの変数に代入す...
-
条件分岐で、読み込む外部スク...
-
外部ファイルを読み込ませるた...
-
javascriptとApacheの設定
-
JavaScriptのエラー ( 関数の...
-
<a href="#" …>の意味を教えて...
-
javascriptでalertの文字列をコ...
-
リンク移動先のURLを取得
-
スマホ上で、左右スワイプで次...
-
インラインフレームで表示され...
-
jqueryでのkeydownイベント発生...
-
二つの関数を一つにまとめるこ...
-
ハイパーリンクに下線を表示す...
-
bodyにidをつける理由は何ですか?
-
googleモバイルがiframeで表示...
-
base64encodeでの文字化けについて
-
SCRIPT5007: 未定義または NULL...
-
リンクを選択すると現れる点線枠
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
別ファイルのfunctionの読み込み方
-
複数のJavascriptを1つのscrip...
-
Dreamweaver で 外部JSを読み込...
-
javascriptとApacheの設定
-
【Google Apps Script】「ライ...
-
cssにjavascriptを入れる?呼び...
-
JavaScriptのエラー ( 関数の...
-
ひとつの外部ファイルに複数の...
-
javascriptファイルは1つに統...
-
JavascriptとJqueryを混在し記述
-
<script src="">読み込まない
-
javascriptのalertで文字化けが...
-
レンタルサーバーでjavascript...
-
javascript内で外部ファイルを...
-
外部読み込みで動かないときの...
-
外部ファイルを実行
-
プルダウンメニューを別ファイ...
-
ホームディレクトリを示すチル...
-
外部.jsの内容を一部置き換えて...
-
xmlHttpRequest.send( EncodeHT...
おすすめ情報