一个简单层横向布局例子（2）

<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<style type="text/css">
<!--
body {
 margin-left: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
}
-->
</style>

<style type="text/css">
body{margin:0;}
#menu1{height:25px;  width:100%; padding-left:50px;margin:0; background-color:#0099cc; border-bottom:1px solid #000000;font-size:12px;color:#ffffff; text-align:center; list-style:none;}
#menu1 li{display:inline;}
#menu1 li a{ float:left;width:109px;color:#ffffff; letter-spacing:2px; text-decoration:none; padding-top:6px; padding-bottom:5px; border-left:1px solid #FFFFFF;margin-left:1px}
#menu1 li a:hover{ background-color:#eaeceb; color:#000000;padding-top:6px; padding-bottom:5px;}
#menu1 #menu{ border:3 ridge blue;height:60px;width:109px;left:163px;top:94px;}

#menu1 #menu div a{color:#FFFFFF; text-decoration:none; background-color:#0099cc; border:1px solid #ffffff;border-top:none;}
#menu1 #menu div a:hover{color:#000000; text-decoration:none;background-color:#eaeceb;}
#menu1 #menu2{ border:3 ridge blue;height:60px;width:109px;left:274px;top:94px;}

#menu1 #menu2 div a{color:#FFFFFF; text-decoration:none; background-color:#0099cc; border:1px solid #ffffff;border-top:none;}
#menu1 #menu2 div a:hover{color:#000000; text-decoration:none;background-color:#eaeceb;}

</style>
<script type="text/javascript">
function showmenu(sid)
{
 
if(sid=="show")
{
     document.getElementById("menu").filter="revealTrans(Duration=1,Transition=12)";
     document.getElementById("menu").style.display="block";
}
if(sid=="hidden")
{
     document.getElementById("menu").filter="revealTrans(Duration=1,Transition=12)";
     document.getElementById("menu").style.display="none";
  }
}

function showmenu1(sid)
{
 
if(sid=="show")
{
     document.getElementById("menu2").filter="revealTrans(Duration=1,Transition=12)";
     document.getElementById("menu2").style.display="block";
}
if(sid=="hidden")
{
     document.getElementById("menu2").filter="revealTrans(Duration=1,Transition=12)";
     document.getElementById("menu2").style.display="none";
  }
}
</script>

<table  bgcolor="#FFFFFF" height="60px" cellpadding="0px" cellspacing="0px">
<tr>
  <td width="577" height="63" >

    <img src="iamge2/toplogo1019.jpg">  </td>
  <td  height="48" align="right" valign="bottom">
  <!--具体导航-->
  <TABLE height=28 cellSpacing=0 cellPadding=0 width=300 border=0 style="font-size:12px">
        <TBODY>
        <TR>
          <TD width=16><IMG height=10
            src="iamge2/00000icon1.gif"
            width=10></TD>
          <TD width=61><FONT color=#009900><A
            href="javascript:window.external.AddFavorite('http://www.polyease.com','厦门钟易进出口贸易有限公司')" class="B">加入收藏</A></FONT></TD>
          <TD width=20><IMG height=10
            src="iamge2/00000icon1.gif"
            width=10></TD>
          <TD width=59><FONT color=#009900><A
            onclick='this.style.behavior="url(#default#homepage)";this.sethomepage("http://www.polyease.com")'
            href="http://www.polyease.com/#" class="B">设为首页</A></FONT></TD>
          <TD width=144 rowSpan=3 valign="top">
            <SCRIPT language=JavaScript class=text>
   <!--  
   currentDate = new Date()  
   with (currentDate){  
   day=getDay()
   month=getMonth()+1
   year=getYear()
   if(year==2000){
   document.write(year+'年'+month+'月'+getDate()+'日')  
   }else{  
   document.write(year+'年'+month+'月'+getDate()+'日')  
   }  
   }  
   if (day==1)  
   {document.write(' 星期一')}  
   if (day==2)  
   {document.write(' 星期二')}  
   if (day==3)  
   {document.write(' 星期三')}  
   if (day==4)  
   {document.write(' 星期四')}  
   if (day==5)  
   {document.write(' 星期五')}  
   if (day==6)  
   {document.write(' 星期六')}  
   if (day==0)  
   {document.write(' 星期日')}  
   document.write('<br>')
      // -->
   </SCRIPT>
            &nbsp;</TD>
        </TR>
        <TR>
          <TD><IMG height=10
            src="iamge2/00000icon1.gif"
            width=10></TD>
          <TD><A href="#" class="B">简体中文</A></TD>
          <TD><IMG height=10
            src="iamge2/00000icon1.gif"
            width=10></TD>
          <TD><A href="#" class="B">English</A>&nbsp;</TD>
          <TR>
          <TD colspan="4">&nbsp;</TD>
         </TBODY></TABLE>
  <!--具体导航-->  </td>
</tr>

</table>

 <!--此为导航菜单-->
 <table width="100%"  border="0" cellspaing="0" cellpadding="0">
   <tr>
   <td>
    <ul id="menu1" >
    <li><a href="index.asp" >首  页</a></li>
 
    <li onMouseOver="showmenu('show')" onMouseOut="showmenu('hidden')">
 <a href="javascript:void(null)" onFocus="this.blur()">公司概况</a><div id="menu" style="display:none;filter:revealTrans(Duration=11,Transition=12);position:absolute;">
    <div style="color:#000000;"><a href="commany.asp">公司简介</a></div>
    <div style="color:#000000;"><a href="honor.asp">资质荣誉</a></div></div></li>
  
    <li onMouseOver="showmenu1('show')" onMouseOut="showmenu1('hidden')">
 <a href="javascript:void(null)" onFocus="this.blur()">产品展示</a><div id="menu2" style="display:none;filter:revealTrans(Duration=1,Transition=12);position:absolute;">
 <div style="color:#000000;"><a href="product_Machinery.asp">机械设备</a></div>
 <div style="color:#000000;"><a href="product_Imports.asp">进口设备</a></div>
 <div style="color:#000000;"><a href="product_Exports.asp">出口设备</a></div></div></li>
 
    <li><a href='zuzhi.asp'>组织架构</a></li>
    <li><a href='fuwu.asp'>服务中心</a></li>
    <li><a href='invite.asp'>人才招聘</a></li>
    <li><a href='contactus.asp'>联系我们</a></li>
</ul>
</td>
</tr> 
   <tr  valign="top" bgcolor="#666666">
     <td ><img src="iamge2/head.jpg" > </td>
   </tr>
 </table>