二级菜单嵌套三级-白红宇

二级菜单嵌套三级

阅读量：4641 次

发布时间：2019-06-09

本文共 6647 字，大约阅读时间需要 22 分钟。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">

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

<!--

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>

<ul>

</li>

</li>

<a href="">职业团队建设支持</a>

</div>

</li>

<a href="">农合CEO</a>

<a href="">乡村社区工作者</a>

</div>

</li>

<a href="">综合农协期刊</a>

<a href="">综合农协系列丛书</a>

</div>

</li>

</div>

</li>

<a href="" οnmοuseοver="aaaa()" οnmοuseοut="bbbb()">政策法规汇总</a>

</ul>

</div>

</li>

</div>

</li>

<li><a href="" οnmοuseοver="mopen('m9')" οnmοuseοut="mclosetime()" target="_blank"><span>农禾之家联盟</span></a>

</li>

<li>

</form>

</li>

</ul>

</div>

function aaaa(){

document.getElementById("zc_list").style.visibility = "visible";

}

function bbbb(){

document.getElementById("zc_list").style.visibility = "hidden";

}

</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;

}

转载于:https://www.cnblogs.com/xiaoleidiv/p/3205310.html

你可能感兴趣的文章

F#新Bug，小心！ module 里的泛型变量。

查看>>

2017.5.22 git

查看>>

[转载]网站分析的最基本度量（7）——Impression，Click和CTR

查看>>

信号调理－电平调整

查看>>

delphi 使用自定义HANDLE处理消息

[Winodows Phone 7控件详解]Silverlight toolkit for Windows Phone 7.1控件-7

查看>>

[LeetCode] Maximum Length of Repeated Subarray 最长的重复子数组

查看>>

Cocos2d-x打包安卓apk

查看>>

Hashtable Dictionary List 谁效率更高

查看>>

UVA 294 294 - Divisors (数论)

查看>>