プルダウンメニューを作りたい
javascriptに関して、ほとんど知識がないのですがトップページの
メニュー部分を最近よく使われている、プルダウン形式にする様に
依頼されました。
その仕様としては、
オンマウスになったときに、隠されているメニューが表示され、なおかつ
ロールオーバーで画像がきりかわり、
マウスオーバーになったときには、また隠れる。
といったものです。いろいろと方法はあるかと思いますが、
<SCRIPT LANGUAGE="JavaScript" SRC="./common/fw_menu.js"></SCRIPT>
と、外部ファイルfw_menu.jsを読み込むようにして、fw_menu.jsに
は
function fwLoadMenus() {
if (window.fw_menu_0) return;
window.fw_menu_1 = new Menu("root",324,35,"Osaka, MS UI Gothic",12,"","","","");
fw_menu_1.addMenuItem("<A HREF='./topics/index.html' onMouseOver='changeImage('pto01', './img/body-btn-pto01_over.gif');' onMouseOut='changeImage('pto01', './img/body-btn-pto01.gif');'><IMG NAME='pto01' SRC='./img/body-btn-pto01.gif' WIDTH='90' HEIGHT='37' BORDER='0'></A><BR>","");
fw_menu_1.hideOnMouseOut=true;
fw_menu_1.writeMenus();
} // fwLoadMenus()
と切り替わる画像とそのロールオーバーを記述しました。
結果、オンマウスした時に、指定した座標位置に画像body-btn-pto01.gifはきちんと表示されるのですが、ロールオーバーが作動しません!!
おそらく↑の記述にミスがあると思うのですが、その原因がつかめず朝に
なってしまいました。。。。
どなたか、javascriptに詳しいかた、↑の記述の間違いを私に教えて下さい。 どうか、よろしくお願い致します。