这是css文件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 }
利用鼠标对象和表格的属性很容易实现下拉菜单!
<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>
Copyright @ 2007-2012 敏韬网(敏而好学,文韬武略--MinTao.Net)(学习笔记) Inc All Rights Reserved. 闵涛 E_mail:admin@mintao.net(欢迎提供学习资源)
鄂公网安备 42011102001154号
站长:MinTao ICP备案号:鄂ICP备11006601号-18