[zz]css做的菜單

ydlhero

來自:http://72891.cn/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-height: 24px;  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-height: 27px;  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; //-->    產(chǎn)品介紹        產(chǎn)品一    產(chǎn)品一    產(chǎn)品一    產(chǎn)品一   44444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444    產(chǎn)品一      服務(wù)介紹        服務(wù)二    服務(wù)二    服務(wù)二    服務(wù)二服務(wù)二    服務(wù)二服務(wù)二服務(wù)二    服務(wù)二      成功案例        案例三    案例    案例三案例三    案例三案例三案例三      關(guān)于我們        我們四    我們四    我們四    我們四111      在線演示        演示    演示    演示    演示演示演示    演示演示演示    演示演示    演示演示演示    演示演示演示演示演示      聯(lián)系我們        聯(lián)系聯(lián)系聯(lián)系聯(lián)系聯(lián)系    聯(lián)系聯(lián)系聯(lián)系    聯(lián)系    聯(lián)系聯(lián)系    聯(lián)系聯(lián)系    聯(lián)系聯(lián)系聯(lián)系    聯(lián)系聯(lián)系聯(lián)系        

本文來自ChinaUnix博客，如果查看原文請點(diǎn)：http://blog.chinaunix.net/u/9901/showart_53507.html