横向菜单，鼠标经过从左边滑出二级菜单

<STYLE type=text/css>
.submenu {
    Z-INDEX: 2; LEFT: -100px; VISIBILITY: hidden; WIDTH: 500px; POSITION: absolute; TOP: 69px; HEIGHT: 22px; BACKGROUND-COLOR: #eaeaea
}
a {  font-family: "Tahoma"; font-size: 12px; color: #000000; text-decoration: none}
a:hover {  font-family: "Tahoma"; font-size: 12px; color: #00CCFF; text-decoration: none}
</STYLE>
<SCRIPT>

// (1) browser vendor:
//     is_nav, is_ie, is_opera
// (2) browser version number:
//     is_major (integer indicating major version number: 2, 3, 4 ...)
//     is_minor (float   indicating full  version number: 2.02, 3.01, 4.04 ...)
// (3) browser vendor AND major version number
//     is_nav2, is_nav3, is_nav4, is_nav4up, is_nav5, is_nav5up, is_ie3, is_ie4, is_ie4up
// (4) JavaScript version number:
//     is_js (float indicating full JavaScript version number: 1, 1.1, 1.2 ...)
// (5) OS platform and version:
//     is_win, is_win16, is_win32, is_win31, is_win95, is_winnt, is_win98
//     is_os2
//     is_mac, is_mac68k, is_macppc
//     is_unix
//        is_sun, is_sun4, is_sun5, is_suni86
//        is_irix, is_irix5, is_irix6
//        is_hpux, is_hpux9, is_hpux10
//        is_aix, is_aix1, is_aix2, is_aix3, is_aix4
//        is_linux, is_sco, is_unixware, is_mpras, is_reliant
//        is_dec, is_sinix, is_freebsd, is_bsd
//     is_vms
//
// for detailed lists of userAgent strings.
//
// Note: you don't want your Nav4 or IE4 code to "turn off" or
// stop working when Nav5 and IE5 (or later) are released, so
// in conditional code forks, use is_nav4up ("Nav4 or greater")
// and is_ie4up ("IE4 or greater") instead of is_nav4 or is_ie4
// to check version in code which you want to work on future
// versions.

    // convert all characters to lowercase to simplify testing
    var agt=navigator.userAgent.toLowerCase();

    // *** BROWSER VERSION ***
    // Note: On IE5, these return 4, so use is_ie5up to detect IE5.
    var is_major = parseInt(navigator.appVersion);
    var is_minor = parseFloat(navigator.appVersion);

    // Note: Opera and WebTV spoof Navigator.  We do strict client detection.
    // If you want to allow spoofing, take out the tests for opera and webtv.
    var is_nav     = ((agt.indexOf('mozilla')!=-1) && (agt.indexOf('spoofer')==-1) && (agt.indexOf('compatible') == -1) && (agt.indexOf('opera')==-1) && (agt.indexOf('webtv')==-1));
    var is_nav2    = (is_nav && (is_major == 2));
    var is_nav3    = (is_nav && (is_major == 3));
    var is_nav4    = (is_nav && (is_major == 4));
    var is_nav4up  = (is_nav && (is_major >= 4));
    var is_navonly = (is_nav && ((agt.indexOf(";nav") != -1) || (agt.indexOf("; nav") != -1)) );
    var is_nav5    = (is_nav && (is_major == 5));
    var is_nav5up  = (is_nav && (is_major >= 5));

    var is_ie    = (agt.indexOf("msie") != -1);
    var is_ie3   = (is_ie && (is_major < 4));
    var is_ie4   = (is_ie && (is_major == 4) && (agt.indexOf("msie 5.0")==-1) );
    var is_ie4up = (is_ie  && (is_major >= 4));
    var is_ie5   = (is_ie && (is_major == 4) && (agt.indexOf("msie 5.0")!=-1) );
    var is_ie5up = (is_ie  && !is_ie3 && !is_ie4);

    // KNOWN BUG: On AOL4, returns false if IE3 is embedded browser
    // or if this is the first browser window opened.  Thus the
    // variables is_aol, is_aol3, and is_aol4 aren't 100% reliable.
    var is_aol   = (agt.indexOf("aol") != -1);
    var is_aol3  = (is_aol && is_ie3);
    var is_aol4  = (is_aol && is_ie4);

    var is_opera = (agt.indexOf("opera") != -1);
    var is_webtv = (agt.indexOf("webtv") != -1);

    // *** JAVASCRIPT VERSION CHECK ***
    var is_js;
    if (is_nav2 || is_ie3) is_js = 1.0
    else if (is_nav3 || is_opera) is_js = 1.1
    else if ((is_nav4 && (is_minor <= 4.05)) || is_ie4) is_js = 1.2
    else if ((is_nav4 && (is_minor > 4.05)) || is_ie5) is_js = 1.3
    else if (is_nav5) is_js = 1.4
    // NOTE: In the future, update this code when newer versions of JS
    // are released. For now, we try to provide some upward compatibility
    // so that future versions of Nav and IE will show they are at
    // *least* JS 1.x capable. Always check for JS version compatibility
    // with > or >=.
    else if (is_nav && (is_major > 5)) is_js = 1.4
    else if (is_ie && (is_major > 5)) is_js = 1.3
    // HACK: no idea for other browsers; always check for JS version with > or >=
    else is_js = 0.0;

    // *** PLATFORM ***
    var is_win    = ( (agt.indexOf("win")!=-1) || (agt.indexOf("16bit")!=-1) );
    // NOTE: On Opera 3.0, the userAgent string includes "Windows 95/NT4" on all
    //        Win32, so you can't distinguish between Win95 and WinNT.
    var is_win95  = ((agt.indexOf("win95")!=-1) || (agt.indexOf("windows 95")!=-1));

    // is this a 16 bit compiled version?
    var is_win16  = ((agt.indexOf("win16")!=-1) || (agt.indexOf("16bit")!=-1) || (agt.indexOf("windows 3.1")!=-1) || (agt.indexOf("windows 16-bit")!=-1) ); 
    var is_win31  = ((agt.indexOf("windows 3.1")!=-1) || (agt.indexOf("win16")!=-1) || (agt.indexOf("windows 16-bit")!=-1));

    // NOTE: Reliable detection of Win98 may not be possible. It appears that:
    //       - On Nav 4.x and before you'll get plain "Windows" in userAgent.
    //       - On Mercury client, the 32-bit version will return "Win98", but
    //         the 16-bit version running on Win98 will still return "Win95".
    var is_win98  = ((agt.indexOf("win98")!=-1) || (agt.indexOf("windows 98")!=-1));
    var is_winnt  = ((agt.indexOf("winnt")!=-1) || (agt.indexOf("windows nt")!=-1));
    var is_win32  = (is_win95 || is_winnt || is_win98 || ((is_major >= 4) && (navigator.platform == "Win32")) || (agt.indexOf("win32")!=-1) || (agt.indexOf("32bit")!=-1));

    var is_os2    = ((agt.indexOf("os/2")!=-1) || (navigator.appVersion.indexOf("OS/2")!=-1) || (agt.indexOf("ibm-webexplorer")!=-1));

    var is_mac    = (agt.indexOf("mac")!=-1);
    var is_mac68k = (is_mac && ((agt.indexOf("68k")!=-1) || (agt.indexOf("68000")!=-1)));
    var is_macppc = (is_mac && ((agt.indexOf("ppc")!=-1) || (agt.indexOf("powerpc")!=-1)));

    var is_sun      = (agt.indexOf("sunos")!=-1);
    var is_sun4     = (agt.indexOf("sunos 4")!=-1);
    var is_sun5     = (agt.indexOf("sunos 5")!=-1);
    var is_suni86   = (is_sun && (agt.indexOf("i86")!=-1));
    var is_irix     = (agt.indexOf("irix") !=-1);    // SGI
    var is_irix5    = (agt.indexOf("irix 5") !=-1);
    var is_irix6    = ((agt.indexOf("irix 6") !=-1) || (agt.indexOf("irix6") !=-1));
    var is_hpux     = (agt.indexOf("hp-ux")!=-1);
    var is_hpux9    = (is_hpux && (agt.indexOf("09.")!=-1));
    var is_hpux10   = (is_hpux && (agt.indexOf("10.")!=-1));
    var is_aix      = (agt.indexOf("aix") !=-1);      // IBM
    var is_aix1     = (agt.indexOf("aix 1") !=-1);   
    var is_aix2     = (agt.indexOf("aix 2") !=-1);   
    var is_aix3     = (agt.indexOf("aix 3") !=-1);   
    var is_aix4     = (agt.indexOf("aix 4") !=-1);   
    var is_linux    = (agt.indexOf("inux")!=-1);
    var is_sco      = (agt.indexOf("sco")!=-1) || (agt.indexOf("unix_sv")!=-1);
    var is_unixware = (agt.indexOf("unix_system_v")!=-1);
    var is_mpras    = (agt.indexOf("ncr")!=-1);
    var is_reliant  = (agt.indexOf("reliantunix")!=-1);
    var is_dec      = ((agt.indexOf("dec")!=-1) || (agt.indexOf("osf1")!=-1) || (agt.indexOf("dec_alpha")!=-1) || (agt.indexOf("alphaserver")!=-1) || (agt.indexOf("ultrix")!=-1) || (agt.indexOf("alphastation")!=-1));
    var is_sinix    = (agt.indexOf("sinix")!=-1);
    var is_freebsd  = (agt.indexOf("freebsd")!=-1);
    var is_bsd      = (agt.indexOf("bsd")!=-1);
    var is_unix     = ((agt.indexOf("x11")!=-1) || is_sun || is_irix || is_hpux || is_sco ||is_unixware || is_mpras || is_reliant || is_dec || is_sinix || is_aix || is_linux || is_bsd || is_freebsd);

    var is_vms      = ((agt.indexOf("vax")!=-1) || (agt.indexOf("openvms")!=-1));

var usernameSwf = new Object();

InternetExplorer = navigator.appName.indexOf("Microsoft") != -1;

var layer= new String();
var style= new String();
var i, current;
var running = 0;


//browser check for layers

if (is_nav5up){   
    style=".style";
}else if (is_nav4){   
    layer=".layers";
    style="";
}else if (is_ie4up){
    layer=".all";
    style=".style";
}   

function rollOver(name,flg){
    hidelayer();
    changeState(name,'visible');
   
    reset_bg();
    //alert(name);
    //alert(flg);
    set_bg(name+"0", flg);
}

function rollOut(name){

    var loImage;
    var chkImage;
   
    layerRef=name;
    if ((is_nav4) || (is_ie4up)){
        lyr="document"+layer+"['"+layerRef+"']"+style+".visibility";
    }else if (is_nav5up){
        lyr="document.getElementById('"+layerRef+"').style.visibility";
    }
}

var n,i,startLeft,endLeft;
var moveX = new Array(1.00, 0.85, 0.64, 0.48, 0.37, 0.28, 0.21, 0.16, 0.12, 0.09, 0.068, 0.05, 0.036, 0.022, 0.01, 0.001, 0.00);

function changeState(layerRef,state){
    if (is_nav5up){
        evallayer="document.getElementById('"+layerRef+"').style.visibility='"+state+"'";
    }else{
        evallayer="document"+layer+"['"+layerRef+"']"+style+".visibility='"+state+"'";
    }
   
    if(current != layerRef){
        current = layerRef;
        running = 1;
        n = -1;
        i = -535;
        startLeft = 530;
        endLeft = (document.body.clientWidth-500)/2+1;

        eval(evallayer);
        moveLayer(i,layerRef);   
    }else{
        eval(evallayer);
    }   
}

function moveLayer(i,layerRef){
    if (is_nav5up){
        evallayer="document.getElementById('"+layerRef+"').style.left="+i;
    }else{
        evallayer="document"+layer+"['"+layerRef+"']"+style+".left="+i;
    }

    if((i<endLeft) && (running==1) && (current==layerRef)){
        n++;
        i = -(startLeft*moveX[n])+endLeft;
        eval(evallayer);
        setTimeout('moveLayer('+i+',"'+layerRef+'")',25);
    }else if((running==1) && (current==layerRef)){
        running = 0;
    }
}   
   

function hidelayer(){
    if (is_nav5up){
        eval("document.getElementById('m00').style.visibility='hidden'");
        eval("document.getElementById('m01').style.visibility='hidden'");
        eval("document.getElementById('m02').style.visibility='hidden'");
        eval("document.getElementById('m03').style.visibility='hidden'");
        eval("document.getElementById('m04').style.visibility='hidden'");
        eval("document.getElementById('m05').style.visibility='hidden'");
        eval("document.getElementById('m06').style.visibility='hidden'");
        eval("document.getElementById('m07').style.visibility='hidden'");
    }else{   
        eval("document"+layer+"['m00']"+style+".visibility='hidden'");
        eval("document"+layer+"['m01']"+style+".visibility='hidden'");
        eval("document"+layer+"['m02']"+style+".visibility='hidden'");
        eval("document"+layer+"['m03']"+style+".visibility='hidden'");
        eval("document"+layer+"['m04']"+style+".visibility='hidden'");
        eval("document"+layer+"['m05']"+style+".visibility='hidden'");
        eval("document"+layer+"['m06']"+style+".visibility='hidden'");
        eval("document"+layer+"['m07']"+style+".visibility='hidden'");
    }
}

function set_bg(name, bg){
    //alert(name);
    eval("document.all[\""+name+"\"]").className = bg;
}

function reset_bg(){
    for(i=0 ; i<8 ; i++){
        set_bg("m0" + i + "0", 'bg1');
    }
}
</SCRIPT>


      <DIV class=submenu id=m00 name="m00" style="left: 0px; top: 120px; width: 500px; height: 22px">
  <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0 align=center>
  <TR>
    <TD>→ <A href="#">长城集团</A> | <A
      href="#">公司介绍</A> | <A
      href="#">总裁致词</A> | <A
      href="#">组织架构</A> | <A
      href="#">公司业务</A> | <A
      href="#">资质与获奖</A></TD></TR></TABLE></DIV>
<DIV class=submenu id=m01 name="m01" style="height: 22px; width: 500px; left: 0px; top: 120px">
  <TABLE cellSpacing=0 cellPadding=0 border=0>
  <TR>
    <TD>→ <A href="#">公司动态</A> | <A
      href="#">媒体关注</A> | <A
      href="#">专题报道</A> </TD></TR></TABLE></DIV>
<DIV class=submenu id=m02 name="m02" style="width: 500px; left: 0px; top: 120px">
  <TABLE cellSpacing=0 cellPadding=0 border=0>
  <TR>
    <TD>→ <A href="#">产品概述</A> | <A
      href="#">数字监控系统</A> | <A
      href="#">EIPOA</A> | <A
      href="#">CRM</A> | <A
      href="#">VOD系统</A></TD></TR></TABLE></DIV>
<DIV class=submenu id=m03 name="m03" style="width: 500px; left: 0px; top: 120px">
  <TABLE cellSpacing=0 cellPadding=0 border=0>
  <TR>
    <TD>→ <A href="#">方案概述</A> | <A
      href="#">数字监控系统</A> | <A
      href="#">企业ERP</A> | <A
      href="#">电子政务</A> | <A
      href="#">企业信息门户</A></TD></TR></TABLE></DIV>
<DIV class=submenu id=m04 name="m04" style="width: 500px; left: 0px; top: 120px">
  <TABLE cellSpacing=0 cellPadding=0 border=0>
  <TR>
    <TD>→ <A href="#">OA</A> | <A
      href="#">CRM</A> | <A
      href="#">VOD</A> | <A
      href="#">数字监控</A> | <A
      href="#">系统集成</A></TD></TR></TABLE></DIV>
<DIV class=submenu id=m05 name="m05" style="width: 500px; left: 0px; top: 120px">
  <TABLE cellSpacing=0 cellPadding=0 border=0>
  <TR>
    <TD>→ <A href="#">服务理念</A> | <A
      href="#">常见问题解答</A> | <A
      href="#">业务联系</A> | <A
      href="#">信息反馈</A></TD></TR></TABLE></DIV>
<DIV class=submenu id=m06 name="m06" style="width: 500px; left: 0px; top: 120px">
  <TABLE cellSpacing=0 cellPadding=0 border=0>
  <TR>
    <TD>→ <A href="#">合作政策</A> | <A
      href="#">商务合作</A></TD></TR></TABLE></DIV>
<DIV class=submenu id=m07 name="m07" style="width: 500px; left: 0px; top: 120px">
  <TABLE cellSpacing=0 cellPadding=0 border=0>
  <TR>
    <TD>→ <A href="#">招聘总览</A> | <A
      href="#">产品类</A> | <A
      href="#">技术类</A> | <A
      href="#">市场类</A> | <A
      href="#">行政财务类</A></TD></TR></TABLE></DIV>
<TABLE cellSpacing=1 cellPadding=4 width="500" bgColor=#999999 border=0 align=center>
  <TR vAlign=bottom align=middle>
          <TD id=m000><A onmouseover="rollOver('m00');"
            onmouseout="rollOut('m00');"
            href="#">关于我们</A></TD>
          <TD id=m010><A onmouseover="rollOver('m01');"
            onmouseout="rollOut('m01');"
            href="#">新闻动态</A></TD>
          <TD id=m020><A onmouseover="rollOver('m02');"
            onmouseout="rollOut('m02');" href="#">应用产品</A></TD>
          <TD id=m030><A onmouseover="rollOver('m03');"
            onmouseout="rollOut('m03');" href="#">解决方案</A></TD>
          <TD id=m040><A onmouseover="rollOver('m04');"
            onmouseout="rollOut('m04');"
            href="#">成功案例</A></TD>
          <TD id=m050><A onmouseover="rollOver('m05');"
            onmouseout="rollOut('m05');" href="#">客户服务</A></TD>
          <TD id=m060><A onmouseover="rollOver('m06');"
            onmouseout="rollOut('m06');" href="#">对外合作</A></TD>
          <TD id=m070><A onmouseover="rollOver('m07');"
            onmouseout="rollOut('m07');"
            href="#">求才若宝</A></TD></TR></TABLE>