オンマウスでリスト表示させてリンクしたい

質問

お世話に成ります
以前にドロップダウンリストからリンクする
上記の回答例を変更してやってみましたがうまくいきません
<SCRIPT LANGUAGE="JavaScript">
<!--
function Mylink(Sel){
mlink=Sel.options[Sel.selectedIndex].value;
if(mlink!="-"){
window.open(mlink,"","toolbar=yes,menubar=yes,location=yes,status=yes,scrollbars=yes,resizable=yes");
}
}
//-->
</SCRIPT>
<FORM method="post">
<select onChange="Mylink(this)">

**下記はボタン形式で表示させたい

<OPTION selected value="-">　　　　　★　私の自慢　★</OPTION>

**上記 ★　私の自慢　★ に
オンマウスしたら 下記のリストを表示させ
クリックで同じページにリンクさせたい

<OPTION value="-">------------------------</OPTION>
<OPTION value="java_sakama.html">自慢の魚</OPTION>
<OPTION value="java_kotori.html">自慢の小鳥</OPTION>
<OPTION value="-">------------------------</OPTION>
</select>
</FORM>
どうぞよろしくご回答下さい

回答No.2

noname#56882

#1です。解釈を間違っていまして申し訳ありませんでした。

リンク先を拝見しましたところ、CSSも使用しているようです。
JavaScriptとCSSとの併用でしたら同様にできることを紹介しているサイトがありました。

「falog | CSS(とJS)でシンプルなドロップダウンメニュ」
http://blog.faro.main.jp/?eid=369489
「JavaScript + Ajax　ドロップダウンメニュー」
http://jsajax.com/DropDownMenuArticle286.aspx

回答No.1

noname#56882

下記のようなものをお求めなのでしょうか？
「ドロップダウンメニューを連結させる」
http://www.mdn.co.jp/webcre/Tips/Vol34/s5/5.html

そうでしたらこちらのソースを参考になさってみてはどうでしょう。

補足

回答ありがとうございます
私が行いたいのは、下記のHPの上部に有る
リンク表示方法をJavaScriptでしたいと考えています
http://toyota.jp/information/index.html