点击展开的下拉菜单,和其它的下拉菜单有点不一样,这一个是点击了才展开菜单项,其它是鼠标放上就展开。
<title>点击展开的下拉菜单</title>
<SCRIPT LANGUAGE="JavaScript">
var winprops = "height=400,width=300,location=no,scrollbars=no,"+ "menubars=no,toolbars=no,resizable=yes";
var visMnu = "";
var actMnu, url;
function menuHandler(actMnu,url)
{
popup = window.open("http://"+url,"MenuPopup",winprops);
hideMenu(actMnu);
popup.focus()
}
function flipMenu(actMnu)
{
if (visMnu == "")
showMenu(actMnu);
else
{
if (visMnu == actMnu)
hideMenu(actMnu);
else
{
hideMenu(visMnu);
showMenu(actMnu);
}
}
}
function showMenu(actMnu)
{
actMnu.style.background = "#889933";
actMnu.style.visibility = "visible";
visMnu = actMnu;
}
function hideMenu(actMnu)
{
actMnu.style.background = "";
actMnu.style.visibility = "hidden";
visMnu = "";
}
</script>
<table name=NaviBar border=0>
<colgroup width="110" span="2"></colgroup>
<tr bgcolor=#FF9933 style="cursor:default">
<td align=center onMousedown="flipMenu(document.all.Mnu1)">实用站点</td>
<td align=center onMousedown="flipMenu(document.all.Mnu2)">专业站点</td>
</tr>
<tr>
<td valign="top">
<table id=Mnu1 width=100% style="cursor:default; visibility:hidden;">
<tr><td onClick="menuHandler(Mnu1,'www.baidu.com/')"> <a href="#">
百度</a> </td></tr>
<tr><td onClick="menuHandler(Mnu1,'www.163.com/')"> <a href="#">
网易</a> </td></tr>
</table>
</td>
<td valign="top">
<table id=Mnu2 width=100% style="cursor:default; visibility:hidden;">
<tr><td onClick="menuHandler(Mnu2,'www.baidu.com/')"> <a href="#">
百度搜索</a> </td></tr>
<tr><td onClick="menuHandler(Mnu2,'www./')"> <a href="#">
三零技术网</a> </td></tr>
</table>
</td>
</tr>
</table> |
|