js导航二级下拉菜单 - 行业资讯 - 肥雀云_南京肥雀信息技术有限公司

& lt; !DOCTYPE html公共”——//W3C XHTML 1.0//DTD过渡//EN”“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”在

& lt; html xmlns=" http://www.w3.org/1999/xhtml "在

& lt; head>

& lt;元http-equiv=? type”内容=" text/html;utf - 8字符集="/祝辞

& lt; title>无标题文档& lt;/title>

& lt;风格type=" text/css "在

*{保证金:0 px;填充:0 px;字体大小:12 px;}

ul李{list-style:没有;}

{文字修饰:没有;}

# nav{宽度:980 px;保证金:0汽车;}

# nav李{,

高度:36 px;行高:36 px;背景:# 666666;text-align:中心;

宽度:120 px;位置:相对;浮:左;margin-right: 10 px;

}

#李nav{颜色:# FFFFFF;显示:块;粗细:大胆;}

# nav ul{高度:0 px;溢出:隐藏;位置:绝对的;左:0 px;}

# nav ul李{背景:# 003366;高度:28 px;行高:28 px;}

#李nav ul{颜色:# FFFFFF;显示:块;粗细:正常;}

。明确{变焦:1;}

。明确:{后内容:“”;显示:块;明确:;}

& lt;/style>

& lt;=癹avascript脚本语言在

window=function ()

{

var> var奥利=oNav.children;//获取导航下面的所有的李元素返回的是一个集合

(var i=0; i< oLi.length;我+ +)

{

//当鼠标移过去的时候发生移动事件

奥利[我].onmouseover=function ()

{

var oUl=this.getElementsByTagName (“ul”)[0];//获取当李前下面的第一个& lt; ul>节点

var oList=oUl.children;//获取& lt; ul>下面的子元素& lt; li>

var offsetHeight=oList [0] .offsetHeight;,//计算0下标也就是第一个元素的高度,28 px

var iTargetHeight=(oList。长度* offsetHeight),//相当于李的个数*每个李的高度高,,5 * 28=? ? ? ?

//开始调用完美运动框架....

startMove (oUl,{“高度”:iTargetHeight});

}

//当鼠标移开的时候就关闭

奥利[我].onmouseout=function ()

{

var oUl=this.getElementsByTagName (“ul”)[0];//获取当李前下面的第一个& lt; ul>节点

startMove (oUl,{“高度”:0});}

}

& lt;/script>

& lt;/head>

& lt; body>

& lt; br/祝辞& lt; br/祝辞& lt; br/祝辞& lt; br/祝辞& lt; br/祝辞

,,,

,,& lt; ul类id=暗己健?懊魅贰钡脑?/p>

,,,,& lt; li>

,,,,,,& lt; a href=" https://www.yisu.com/zixun/"祝辞产品展示& lt;/a>

,,,,,,& lt; ul>

,,,,,,,,& lt; li> & lt; a href=" https://www.yisu.com/zixun/"祝辞领导天花灯& lt;/a> & lt;/li>

,,,,,,& lt;/ul>

,,,,& lt;/li>

,,,,& lt; li>

,,,,,,& lt; a href=" https://www.yisu.com/zixun/"在新闻中心& lt;/a>

,,,,,,& lt; ul>

,,,,,,,,& lt; li> & lt; a href=" https://www.yisu.com/zixun/"祝辞领导天花灯& lt;/a> & lt;/li>

,,,,,,& lt;/ul>

,,,,& lt;/li>

,,,,& lt; li>

,,,,,,& lt; a href=" https://www.yisu.com/zixun/"祝辞联系我们& lt;/a>

,,,,,,& lt; ul>

,,,,,,,,& lt; li> & lt; a href=" https://www.yisu.com/zixun/"祝辞领导天花灯& lt;/a> & lt;/li>

,,null