[zz]css做的菜单

来自:http://bbs.chinaunix.net/forum/viewtopic.php?t=633567&show_type=
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">    css菜单演示  *{margin=0;padding:0;border:0;} body {    font-family: arial, 宋体, serif;    font-size:12px; text-align:center; } #nav {     line-  list-style-type: none; background-color:#666;margin-left:auto;margin-right:auto; width:500px} #nav a {    display: block; width: 80px; text-align:center; } #nav a:link  {    color:#666; text-decoration:none; } #nav a:visited  {    color:#666;text-decoration:none; } #nav a:hover  {    color:#FFF;text-decoration:none;font-weight:bold; } #nav li {    float: left; width: 80px; background:#CCC; } #nav li a:hover{    background:#999; } #nav li ul {    line-  list-style-type: none;text-align:left;    left: -999em; width: 180px; position: absolute; } #nav li ul li{    float: left; width: 180px;    background-color: #F6F6F6; } #nav li ul a{    display: block; width: 156px;text-align:left;padding-left:24px; } #nav li ul a:link  {    color:#666; text-decoration:none; } #nav li ul a:visited  {    color:#666;text-decoration:none; } #nav li ul a:hover  {    color:#F3F3F3;text-decoration:none;font-weight:normal;    background-color:#C00; } #nav li:hover ul {    left: auto; } #nav li.sfhover ul {    left: auto; } #content {    clear: left; } -->  function menuFix() {    var sfEls = document.getElementById("nav").getElementsByTagName("li");    for (var i=0; i       sfEls.onmouseover=function() {        this.className+=(this.className.length>0? " ": "") + "sfhover";        }        sfEls.onMouseDown=function() {        this.className+=(this.className.length>0? " ": "") + "sfhover";        }        sfEls.onMouseUp=function() {        this.className+=(this.className.length>0? " ": "") + "sfhover";        }        sfEls.onmouseout=function() {        this.className=this.className.replace(new RegExp("( ?|^)sfhover\b"), "");        }    } } window.onload=menuFix; //-->    产品介绍        产品一    产品一    产品一    产品一   44444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444    产品一      服务介绍        服务二    服务二    服务二    服务二服务二    服务二服务二服务二    服务二      成功案例        案例三    案例    案例三案例三    案例三案例三案例三      关于我们        我们四    我们四    我们四    我们四111      在线演示        演示    演示    演示    演示演示演示    演示演示演示    演示演示    演示演示演示    演示演示演示演示演示      联系我们        联系联系联系联系联系    联系联系联系    联系    联系联系    联系联系    联系联系联系    联系联系联系