Jqueryを使わないプルダウンメニュー
↑これを実現するための方法です。
ウィジット/HTMLから以下のプログラムを追加する。
<!--
// プルダウンメニュー
flag = false;
function pullDown01() {
if(flag) ID01.style.visibility = "hidden";
else ID01.style.visibility = "visible";
flag = !flag;
}
function pullDown02() {
if(flag) ID02.style.visibility = "hidden";
else ID02.style.visibility = "visible";
flag = !flag;
}
function pullDown03() {
if(flag) ID03.style.visibility = "hidden";
else ID03.style.visibility = "visible";
flag = !flag;
}
//-->
さらにウィジット/HTMLからを以下を追加。
-------------------------
<TABLE border="0" cellspacing="0" cellpadding="0">
<TBODY>
<TR>
<TD>
<DIV style="background-color:#ffcccc; width:160px">
<A href="javaScript:pullDown01()">メニュー１を表示する</a>
</DIV>
<DIV id="ID01" style="visibility:hidden;background-color:#ffdddd;width:160px">
<A href="http://www.yahoo.co.jp/">■Yahoo!</A><BR>
<A href="http://bb.yahoo.co.jp/">■Yahoo! BB</A><BR>
<A href="http://shopping.yahoo.co.jp/">■Yahoo! Shopping</A><BR>
<A href="http://auctions.yahoo.co.jp/">■Yahoo! Auctions</A><BR>
</DIV>
</TD>
<TD>
<DIV style="background-color:#ccffcc; width:160px">
<A href="javaScript:pullDown02()">メニュー２を表示する</a>
</DIV>
<DIV id="ID02" style="visibility:hidden;background-color:#ddffdd;width:160px">
<A href="http://www.yahoo.co.jp/">■Yahoo!</A><BR>
<A href="http://bb.yahoo.co.jp/">■Yahoo! BB</A><BR>
<A href="http://shopping.yahoo.co.jp/">■Yahoo! Shopping</A><BR>
<A href="http://auctions.yahoo.co.jp/">■Yahoo! Auctions</A><BR>
</DIV>
</TD>
<TD>
<DIV style="background-color:#ccccff; width:160px">
<A href="javaScript:pullDown03()">メニュー３を表示する</a>
</DIV>
<DIV id="ID03" style="visibility:hidden;background-color:#ddddff;width:160px">
<A href="http://www.yahoo.co.jp/">■Yahoo!</A><BR>
<A href="http://bb.yahoo.co.jp/">■Yahoo! BB</A><BR>
<A href="http://shopping.yahoo.co.jp/">■Yahoo! Shopping</A><BR>
<A href="http://auctions.yahoo.co.jp/">■Yahoo! Auctions</A><BR>
</DIV>
</TD>
</TR>
</TBODY>
</TABLE>
-------------------------