マウスを載せたとき、下方に項目が出る方法

質問

ホームページ制作で困っています。
　テーブルで上方にボタン状のものをコンテンツとして一覧で横に並べています。
そのボタンにマウスを載せるとボタンの下方に各々のメニューが出る（画像）方法が知りたいです。そのメニューから各ページが切り替わる仕組みにしたいのです。

　ご存知な方、教えてください。よろしくお願いします。

回答No.1

noname#10926

下記参考URLの
7→6→3→21くらいを見よ。

参考URL：

http://www02.so-net.ne.jp/~oka/oritatami3c.html

お礼

回答いただきありがとうございます。私のスキルがないせいか、javascriptがさっぱり解りませんでした。折角回答いただいたのですが、すみません。

補足

私の説明が悪かったかもしれません。補足します。

<table>
<tr>
<td>
<img src="xxx1.gif">
</td>
<td>
<img src="xxx2.gif">
</td>
<td>
<img src="xxx3.gif">
</td>
</tr>
<tr>
<td colspan="3">メニュー部</td>
</tr>
</table>

　上記のソースにて、xxx1.gif～xxx3.gifのいずれかにマウスを持ってくると、画像の置いている行が広がらずに、各画像の下方にサブメニューが出てくる（http://lolipop.jp/）のような感じにしたいのです。