复制代码代码如下:

< 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 >