一个很通用的javascript的下拉菜单

时间：2007-02-17 来源：PHP爱好者

这是css文件css.css的内容.close{
visibility:hidden;
cellPadding=0; cellSpacing=0 ;
font:9pt;text-align:center

}
.open{
visibility:visible;
cellPadding=0; cellSpacing=0 ;
font:9pt;text-align:center;
BORDER-TOP: #000000 1px solid;
BORDER-BOTTOM: #000000 1px solid }
.openleft{
visibility:visible;
cellPadding=0; cellSpacing=0 ;
font:9pt;text-align:center;
BORDER-TOP: #000000 1px solid;
BORDER-LEFT:#000000 1px solid ;
BORDER-BOTTOM: #000000 1px solid
}
.openright{
visibility:visible;
cellPadding=0; cellSpacing=0 ;
font:9pt;text-align:center;
BORDER-TOP: #000000 1px solid ;
BORDER-RIGHT:#000000 1px solid ;
BORDER-BOTTOM: #000000 1px solid
}利用鼠标对象和表格的属性很容易实现下拉菜单!<HTML><HEAD><TITLE>最后还是笑笑/情感</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<LINK href="CssFiles/css.css" type=text/css rel=stylesheet>
<BODY bgColor=#dedfde leftMargin=0 marginwidth="0" topmargin="0"><TABLE width="80%" align="center" cellPadding=0 cellSpacing=0 id="thelast" class=bian>

<TR height="67">
<TD valign="top" width="9%" align=center >
<table width="100%" class=close
onMouseOut="this.style.visibility='hidden'";
onMouseOver="this.style.visibility='visible'" cellpadding="0" cellspacing="0">
<tr>
<td valign="center" title="本人本站的介绍" background="pic/back.jpg" height=23 class=openleft><a href='#'> 笑笑</a></td>
</tr>
<tr>
<td valign="center" background="pic/back2.jpg"><a href="bzjs.html" target="_blank">本站</a></td>
</tr>
<tr>
<td valign="center" background="pic/back2.jpg"><a href="grjj.html" target="_blank">本人</a></td>
</tr>
<tr>
<td valign="center" background="pic/back2.jpg"><a href="jl.html" target="_blank">简历</a></td>
</tr>
</table></TD></TR></TABLE></BODY></HTML>
非常全面的一个php技术网站,php　爱好者站 http://www.ｐｈｐｆａｎｓ.net 有相当丰富的文章和源代码.

相关阅读更多 +