复制代码代码如下:
<html>
<cabeza>
<tipo de estilo="texto/css">
.menú
{
color de fondo: verde;
ancho: 120;
altura: 20;
color: blanco;
alineación de texto: centro;
tamaño de fuente: 9 puntos;
peso de fuente: más negrita;
}
.submenú
{
posición:absoluta;
arriba: 40;
color de fondo:
amarillo; ancho: 180;
tamaño de fuente: 9 puntos;
}
</estilo>
</cabeza>
<cuerpo>
<guión>
varcm=nulo;
document.onclick = nueva función ("mostrar (nulo)")
función getPos(el,sprop)
{var iPos = 0
mientras (el!=nulo)
{iPos+=el["desplazamiento" + sprop]
el = el.offsetParent}
devolver iPos}
función mostrar(el,m)
{si (m) { m.style.display='';
m.style.pixelLeft = getPos(el,"Izquierda")
m.style.pixelTop = getPos(el,"Top") + el.offsetHeight}
if ((m!=cm) && (cm)) cm.style.display='none';cm=m}
</SCRIPT>
<borde de la tabla=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>
</tabla>
<DIV ID="ds1" CLASS="submenu" STYLE="display:none" onmouseleave="this.style.display='none'">
<BR><A HREF="http://www.yesky.com">天极网 Yesky.com</A>
<BR><A HREF="http://www.cbinews.com">电脑商情报</A>
<BR><A HREF="http://www.newsoft.com.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.com.cn">搜狐 Sohu</A>
<BR><A HREF="http://www.163.com">网易 Netease</A>
<BR>
</DIV>
<DIV ID="ds3" CLASS="submenu" STYLE="display:none" onmouseleave="this.style.display='none'">
<BR><A HREF="http://haoel.yeah.net">耗子网络编程站</A>
<BR><A HREF="http://www.5460.net">中国同学录</A>
<BR><A HREF="http://www.csdn.net">中国软件开发网</A>
<BR>
</DIV>
</cuerpo>
</html>