二级菜单嵌套三级

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0020)http://www.nhzj.org/ -->
<html xmlns="http://www.w3.org/1999/xhtml%22%3E%3Chead%3E%3Cmeta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>农禾之家_农禾之家官网</title>

<link href="./农禾之家_农禾之家官网_files/mystyles.css" rel="stylesheet" type="text/css">


<script type="text/javascript">
<!--
var timeout         = 500;
var closetimer  = 0;
var ddmenuitem      = 0;

// open hidden layer
function mopen(id)

// cancel close timer
mcancelclosetime();

// close old layer
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

// get new layer and show it
ddmenuitem = document.getElementById(id);
ddmenuitem.style.visibility = 'visible';

}
// close showed layer
function mclose()
{
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}

// go close timer
function mclosetime()
{
closetimer = window.setTimeout(mclose, timeout);
}

// cancel close timer
function mcancelclosetime()
{
if(closetimer)
{
window.clearTimeout(closetimer);
closetimer = null;
}
}

// close layer when click-out
document.onclick = mclose;
// -->
</script>

 

</head>
<body>


<!--新导航代码开始--> 
<div ;
}
</script>

<!-- 新导航结束 -->  
</body></html>

 

 

 

 

 

 

@charset "utf-8";  /* CSS Document */

body {

 font-size: 12px;

 color: #000;

 text-align: center;

 background: #fff;

 font-family: "瀹嬩綋";

}

 

* {

 margin: 0;

 padding: 0;

}

 

div,ul,li,ol,dt,dd,dl,p,span {

 overflow: hidden;

 margin: 0;

 padding: 0;

}

 

ul,li {

 list-style: none;

}

 

img {

 border: none

}

 

a {

 text-decoration: none;

 color: #000;

}

 

a:hover {

 text-decoration: underline

}

 

.png {

 background-image: expression(this.runtimeStyle.backgroundImage =   "none",

  this.runtimeStyle.filter = 

  "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src

  +   "', sizingMethod='image')", this.src =   "images/1.gif");

}

 

#sddm

{ margin: 0 auto;

 padding: 0;

 z-index: 30;
 background:url(nh06.jpg) no-repeat; 

 width: 990px;

 height:40px;

 line-height:40px;

}

#sddm ul{ padding-left:10px;}
#sddm li

{ margin: 0;

 padding: 0;

 list-style: none;

 float: left;

 font: bold 12px arial;

 line-height:40px;

}

#sddm ul li img{ margin-left:6px; margin-right:6px; margin-top:12px;}

 

#sddm li a

{ display: block;

 margin: 0 1px 0 0;

 padding: 0px 0 0px 10px;

 color: #FFF;

 text-align: center;
 

 text-decoration: none}

#sddm li a span{display:block;padding: 0px 10px 0px 0;

}

#sddm li a:hover{
 background:url(nav-left_y.jpg) no-repeat scroll left bottom transparent;
 color:#1e8904;

 text-decoration:none;

}

 

#sddm li a:hover span{


background:url(nav_right_y.png) no-repeat scroll right bottom transparent;
}

 

#sddm div

{ position: absolute;

 visibility: hidden;

 margin: 0;

 padding: 0;

 background:#99FF99;

 border: 1px solid #5bb812;

 border-radius: 4px 4px 4px 4px;

}

 

 #sddm div a

 { position: relative;

  display: block;

  margin: 0;

  padding: 5px 10px;

  width: auto;

  white-space: nowrap;

  text-align: left;

  text-decoration: none;

  background: #49ad0d;

  color: #FFF;

  font: 12px arial;

  font-weight:bold;

}

 

 #sddm div a:hover

 { background: #cbecb7;

  color: #218900;}
 #sddm li div{
  overflow: visible;
 }

 

相关文章:

  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-05-21
  • 2021-08-28
相关资源
相似解决方案