ホームページ作りに初挑戦しています。

マウスオーバーといいます。ＪＡＶＡスクリプトです。初心者にはかなり難易度が高いものです。ちょっと初挑戦では難しいかと思われますが参考ＵＲＬを貼って置きますね。

通常、Dynamic HTML で実現します。

The Dynamic Duo（下記）の「MenuBar」などがイメージに近いのでは？

（１）クリッカブル・マップと呼ばれています。

（２）下記のサイトに分かりやすい説明がありました。

産経新聞とほぼ同じ仕掛けをしているページの作成などをしています。

URLのペ−ジの左側の矢印マ−クのついた部分です。

これは、レイヤー機能とjavascriptの組み合わせによるものです。

レイヤーをスタイルシートで隠しておいて、経営や取引の部分の

画像にマウスが重なると表示されるというものです。

ちょっと複雑なソースになってしまいますが、

スタイルシートにて”hidden”属性で隠し

javascriptの”MM_showHideLayers””MM_swapImage””MM_swapImgRestore”

でマウスの位置判定においての表示、再隠しを制御します。

このページをHP作成ソフトで開くとわかると思いますが

レイヤー等、隠し属性になっていても表示されるので

仕組みが理解できるかもしれません。

また、レイヤーですの表示される位置も個々にスタイルシート等で

指定してあげなければいけません。

なにか気に入ったデザインや仕組みがあったら、そのページをそのままそっくりダウンロードしてきて

ソースを見て、ここが怪しいとか思うところを

真似てみるとよいかもしれません。

ダウンロード方法は、ブラウザのメニューのところにある

”名前をつけて保存”等でできます。

１番目〜３番目は、DHTMLですね。

２番目・３番目は英語ですが設置はそんなに難しくないですよ。

４番目・５番目は、shockwaveを使用したやり方です。

ページのTOPに貼るタイプですね。

皆さんの仰るとおり、オンマウス（オンマウスオーバー）でポップアップメニューを表示していますね。

JavaScriptで表現できます。

初心者さんということなので、まずは簡単なJavaScriptの勉強から始めてはいかだでしょうか。

参考となるURLをあげておきます。

なお、一番最後のURLは、そのものずばりオンマウスでメニューが表示されるスクリプトが作れるサイトです。（ユーザー登録がいりますが、無料です）

ですが、英語なのと、JavaScriptやCSSなどの基本的知識が無いと初心者さんにはまだ敷居が高いと思われますので、参考程度に。

ソースを少し見ただけですがJavaScriptを利用しているものと思います。IBMホームページビルダーが、JavaScriptで、ポインタを置いた時にどうするか、とか、ポインタが離れた時にどうするか、とか、イベントによる設定がGUI殻で来た覚えがあります。今、確かめられないのでうる覚えなのですが・・・。

もし、見当違いなコメントでしたら、ポイントは要りません。

こんなところに自分でもできそうなのがありました。

先ほど、レイヤー機能とjavascriptを使用すると回答したnyankochanです。

ソースをそのままコピーすれば使えるものと、その説明ページを作りましたので

参照してください。

ハイパーリンクに関するものをクリックして

11.画像のリンク部分にメニューが出ます。の

プレビューを見て下さい。これをいじることで

同じような事が出来ると思いますよ。