マイクロソフトのHPみたいなリンクはどうやるの? – プログラミング – Home

マイクロソフトのHPみたいなリンクはど...
 
通知
すべてクリア

マイクロソフトのHPみたいなリンクはどうやるの?


takeshi
 takeshi
(@takeshi)
ゲスト
結合: 23年前
投稿: 83
Topic starter  

お世話になります。

マイクロソフト様の公式HPなどで見かけるような、
ドロップダウン式のリンクメニューがあって
これはマウスポインタを上に重ねるだけで中のリストが
ドロップダウンされるんです。
ページ右上の「製品情報」とか、「ダウンロード」、「サポート」などですね。

これと同じような事を自分のページでもやりたいんですが、
どうすればいいのでしょうか?


引用解決済
トピックタグ
Web
渋木宏明(ひどり)
 渋木宏明(ひどり)
(@渋木宏明(ひどり))
ゲスト
結合: 22年前
投稿: 196
 

ブラウザでそのページのソースを表示させてみては?


返信引用
takeshi
 takeshi
(@takeshi)
ゲスト
結合: 23年前
投稿: 83
Topic starter  

お世話になります。

ソースは閲覧してみたんですが、どうもスタイルシートやらスクリプトも絡んでおり
ページの一括保存で ~.CSS は入手できるんですが、
どうもそれだけでは処理の全容を知る事はできなかったんです。

サーバーから ~.ASPを返してHTML表示する場合などは、
ASP側で記述した全ての内容までは分からないんですよね?

という訳で、他の方法をご存知の方がいらっしゃればと思ったのですが・・・。


返信引用
びんたろー
 びんたろー
(@びんたろー)
ゲスト
結合: 22年前
投稿: 1
 

ASPやCGIといったものは、
あくまでもサーバサイドでリアクションを返すものなので、
マウスを重ねるだけでプルダウンメニューがでるようなのは
出来ないはずです。

ブラウザ上の動きは、クライアントサイドの話なので、
サーバサイドプログラミングを必要とする技術は使われていないので、
JavaScriptだと思います。
僕もあまりJavaScriptに精通していないので、
詳しくは判らないですが、、、

そっちに詳しい人に尋ねてみたらどうでしょう?


返信引用
tib
 tib
(@tib)
ゲスト
結合: 22年前
投稿: 468
 

レイヤーですね。

divタグを使ってアニメのセルのようなものを作り、
cssで表示/非表示や表示位置を指定できる様にし、
JavaScriptで表示/非表示の切替やレイヤーの中身を設定します。

ただ、例に挙げられたMicrosoftのトップページを参考にすることはお勧めしません。
Netscapeはおろか、IE5.5でもまともに動作してくれないからです。

参考になるサイトを紹介します。
http://www2s.biglobe.ne.jp/~club_tom/java-kouza/ja-index.htm
ここの「サンプルプログラム > ハイパーリンク > 11」あたり、求めているイメージに近
いのではないでしょうか。


返信引用

返信する

投稿者名

投稿者メールアドレス

タイトル *

プレビュー 0リビジョン 保存しました
共有:
タイトルとURLをコピーしました