急！求此特效代码，高手帮忙

Question

经理让我把这个网站上的那个菜单特效给做出来，并且让我今天要交，各位帮帮忙！
网址：www.agilent.com.cn
特效就是下面那个（产品与服务的）联动菜单，谢谢了

Answer 1

无语了，我查看源文件，文件上也是调用的别的JS文件，可是那个JS文件我打不开，我不是超级男生，查看源文件，看JS代码，这种我又不是不知道，要是那么容易，我还找高手问干什么！

Answer 2

哪个JS文件打不开？
<script type="text/javascript" src="http://cp.home.agilent.com/agilent/css3/home2.js"></script>
<script type="text/javascript" src="http://cp.home.agilent.com/agilent/css3/AC_OETags.js"></script>
<script type="text/javascript" src="http://cp.home.agilent.com/agilent/css3/homeflash.js"></script>
你在浏览器下直接输入src里的地址 你看能不能打开。

Answer 3

http://cp.home.agilent.com/agilent/css3/home2.js有你想要的所有代码~~~

Answer 4

可以先给我解释下，哪句是真的，还是就是因为懒？代码在http://cp.home.agilent.com/agilent/css3/home2.jsinit()函数里初始化了每个li的事件。具体位置在
var links = document.getElementById("tabnav").getElementsByTagName("LI");
var hashVal = location.hash.replace("#","");
for(var i=0; i < links.length; i++) {
var link = links[i];
hashLinks[anchors[i]] = link;
var href = link.getElementsByTagName("A")[0].href;
link.content = document.getElementById(tabs[i]);
link.defFontSize = defFontSize;
var divs = link.content.getElementsByTagName("DIV");
var panelHeight = link.content.offsetHeight - 18 + "px";
link.panels = new Array();
for(var j=0; j < divs.length; j++) {
if(divs[j].className.search(/\bpanel\b/) != -1) {
divs[j].style.height = panelHeight;
link.panels.push(divs[j]);
}
}
if((i == 0 && hashVal == "" ) || hashVal == anchors[i]) {
link.className += " selected";
activeTab = link;
hashValue = hashVal;
} else {
link.content.style.display = "none";
}
link.onclick = function() {
activeTab.content.style.display = "none";
activeTab.className = activeTab.className.replace(/\bselected\b/g,"");
this.content.style.display = "block";
this.className += " selected";
activeTab = this;
}
}
而
var tabs = ["productsContent","industriesContent","supportContent","libraryContent","eventsContent","buyContent"];
定义了每个table的panel。

Answer 5

这是很普通的竖型弹出菜单嘛。
不过特别之处是菜单选项和出现的菜单结合处没有灰色border的效果。

Answer 6

用的是ie8的话 直接按f12  但是最好用firefox 下载个firebug 我看到了很多 太多了 所以你自己去慢慢找吧