复制代码代码如下:
< html >
< head >
< style type="text/css" >
.menu
{
background-color:green;
width:120;
height:20;
color: white;
text-align: center;
font-size:9pt;
font-weight:bolder;
}
.submenu
{
position:absolute;
top:40;
background-color:
yellow;width:180;
font-size:9pt;
}
< /style >
< /head >
< body >
< SCRIPT >
var cm=null;
document.onclick = new Function("show(null)")
function getPos(el,sprop)
{var iPos = 0
while (el!=null)
{iPos+=el["offset" + sprop]
el = el.offsetParent}
return iPos}
function show(el,m)
{if (m) { m.style.display='';
m.style.pixelLeft = getPos(el,"Left")
m.style.pixelTop = getPos(el,"Top") + el.offsetHeight}
if ((m!=cm) && (cm)) cm.style.display='none';cm=m}
< /SCRIPT >
< table border=0 >
< tr >
< td ID="d1" onmouseover="show(this,ds1);" >杂志技术站点< /td >
< td ID="d2" onmouseover="show(this,ds2);" >门户站点< /td >
< td ID="d3" onmouseover="show(this,ds3);" >个人收藏站点< /td >
< /tr >
< /table >
< DIV ID="ds1" CLASS="submenu" STYLE="display:none" onmouseleave="this.style.display='none'" >
< BR >< A HREF="http://www.**y*esky.com" >天极网 Yesky.com< /A >
< BR >< A HREF="http://www.cbi*n*ew*s.com" >电脑商情报< /A >
< BR >< A HREF="http://www.news*oft.c*o*m.cn" >新潮电子< /A >
< BR >
< /DIV >
< DIV ID="ds2" CLASS="submenu" STYLE="display:none" onmouseleave="this.style.display='none'" >
< BR >< A HREF="http://www.**sina*.com.cn" >新浪网 Sina< /A >
< BR >< A HREF="http://www.*sohu.*co*m.cn" >搜狐 Sohu< /A >
< BR >< A HREF="http://www.*1**63.com" >网易 Netease< /A >
< BR >
< /DIV >
< DIV ID="ds3" CLASS="submenu" STYLE="display:none" onmouseleave="this.style.display='none'" >
< BR >< A HREF="http://haoel.ye***ah.net" >耗子网络编程站< /A >
< BR >< A HREF="http://www.*5*4*60.net" >中国同学录< /A >
< BR >< A HREF="http://www.c***sdn.net" >中国软件开发网< /A >
< BR >
< /DIV >
< /body >
< /html >