网易菜单实现(请教修改完善) - JavaScript论坛

问题点数：0 回复次数：19

网易菜单实现(请教修改完善)

需要改进的:
1.页面第一次打开时,显示第一个菜单项的内容
2.如何定位下面的层内容,即把鼠标放在哪显示哪一项的子菜单内容

大家帮忙啊!

[此贴子已经被作者于2007-6-2 12:41:01编辑过]

搜索更多相关主题的帖子: 网易　 div　菜单　 normal　card　

第 2 楼

得分:0

惭愧，不怎么看得懂……

世事如潮我如水，只叹江湖几人回。

第 3 楼

得分:0

我想知道怎么修改层的z-index属性
修改可见属性是下面的
document.getElementById(layName).style.visibility='visible';
那么修改z-index属性是什么呢

[url=http://www./]/sign/free.gif" target="_blank">http://ip./sign/free.gif[/url]

第 4 楼

得分:0

我正找这个呢不过也看不懂谢了

本来讨厌下雨的天空直到听见有人说爱我

第 5 楼

得分:0

[CODE]<html>
<head><style type="text/css">
div.card div{background-color:#DDDDDD;float:left;padding:1px; padding-bottom:0; clear:both; width:405px;}
div.card a{color:black;font-size:13px;text-decoration:none;float:left;width:100px;text-align:center;background-color:white;margin-right:1px;}
div.card div.a a.a{font:normal normal bold 13px 宋体;background-color:#DDDDDD;}
div.card div.b a.b{font:normal normal bold 13px 宋体;background-color:#DDDDDD;}
div.card div.c a.c{font:normal normal bold 13px 宋体;background-color:#DDDDDD;}
div.card div.d a.d{font:normal normal bold 13px 宋体;background-color:#DDDDDD;}
div.card div.content{background-color:#DDDDDD; border:1px solid #DDDDDD; height:100px;}
</style><script language="javascript">
var shq={};
shq.cmenu=function(e)
{
var e=window.event?window.event.srcElement:e.target;
if(/a/i.test(e.tagName)){
e.parentNode.className=e.className;
e.parentNode.nextSibling.innerHTML=fill(e.className);
e.parentNode.nextSibling.style.cssText='border-top:none';
e.blur();
}
}
function fill(id){
switch(id){
case "a" : return "国内新闻信息";break;
case "b" : return "国际新闻信息";break;
case "c" : return "体育新闻信息";break;
case "d" : return "财经新闻信息";break;
}
}
</script>
</head>
<body>
<div class="card">
<div onMouseOver="shq.cmenu()" class="a">
<a href="#" class="a">国家</a>
<a href="#" class="b">国际</a>
<a href="#" class="c">体育</a>
<a href="#" class="d">财经</a>
</div>
<div class="content"><script language="javascript">document.write(fill("a"));</script></div>
</div>
</body>
</html>[/CODE]

">东搞一下西搞一下

第 6 楼

得分:0

document.getElementById("id1").style.zIndex=2

[此贴子已经被作者于2007-6-6 8:43:25编辑过]

">东搞一下西搞一下

第 7 楼

得分:0

var e=window.event?window.event.srcElement:e.target;
if(/a/i.test(e.tagName)){
e.parentNode.className=e.className;
e.parentNode.nextSibling.innerHTML=fill(e.className);
e.parentNode.nextSibling.style.cssText='border-top:none';
e.blur();
能解释一下这个吗

本来讨厌下雨的天空直到听见有人说爱我

第 8 楼

得分:0

var e=window.event?window.event.srcElement:e.target;//得到被触发的对象
if(/a/i.test(e.tagName)){//检查对象标记是否是<a>或<A>
e.parentNode.className=e.className;//改变父对象样式
e.parentNode.nextSibling.innerHTML=fill(e.className);//改变父对象的下一个对象的内容(<div class="content"></div>的内容)
e.parentNode.nextSibling.style.cssText='border-top:none';//同上去掉其样式中上边框
e.blur();//取消该对象的聚焦

">东搞一下西搞一下

第 9 楼

得分:0

多谢楼上我在仔细研究一下
看来不学点东西是没法混

本来讨厌下雨的天空直到听见有人说爱我

第 10 楼

得分:0

改变父对象的下一个对象的内容(<div class="content"></div>

里的超连接怎么改呢

本来讨厌下雨的天空直到听见有人说爱我