Menu | dropdown
This is the content of the CSS file css.css
. close{
Visibility:hidden;
cellpadding=0; cellspacing=0;
Height:21px;font:9pt;text-align:center
}
. open{
visibility:visible;
cellpadding=0; cellspacing=0;
Height:24px;font:9pt;text-align:center;
Border-top: #000000 1px solid;
Border-bottom: #000000 1px solid
}
. openleft{
visibility:visible;
cellpadding=0; cellspacing=0;
Height:24px;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;
Height:24px;font:9pt;text-align:center;
Border-top: #000000 1px solid;
Border-right: #000000 1px solid;
Border-bottom: #000000 1px solid
}
Using Mouse objects and table properties is easy to implement Pull-down menu!
<HTML><HEAD><TITLE> finally smile/emotion </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
<tr height= ">"
<TD valign= "Top" width= "9%" Align=center >
<table width= "100%" Class=close
;
cellpadding= "0" cellspacing= "0" >
<tr>
<TD valign= "center" title= "The introduction of My Site" background= "pic/back.jpg" height=23 class=openleft><a ' # ' > Smile </a></td>
</tr>
<tr>
<TD valign= "center" background= "pic/back2.jpg" ><a href= "bzjs.html" target= "_blank" > site </a></td >
</tr>
<tr>
<TD valign= "center" background= "pic/back2.jpg" ><a href= "grjj.html" target= "_blank" > I </a></td >
</tr>
<tr>
<TD valign= "center" background= "pic/back2.jpg" ><a href= "jl.html" target= "_blank" > CV </a></td >
</tr>
</table>
</TD></TR>
</TABLE>
</BODY>
</HTML>