点击展开的下拉菜单代码,Css代码库,德仔网

代码语言

代码分类

【Css】点击展开的下拉菜单

作者:Dezai.CN / 发布于2012/4/17/ 630

<div><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("<a href="http://"+url,"MenuPopup",winprops">http://"+url,"MenuPopup",winprops</a>);
 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.6a8a.com/')"> <a href="#">
 网页代码站</a> </td></tr>
</table>
</td>
</tr>
</table></div>

试试其它关键字

　点击展开的下拉菜单　

同语言下

可能有用的

Dezai.CN贡献的其它代码(4037)