<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=e.innerHTML;
e.parentNode.nextSibling.style.cssText='border-top:none';
e.blur();
}
}
</script>
</head>
<body>
<div class="card">
<div onMouseOver="shq.cmenu(event)">
<a href="#" class="a">国家</a>
<a href="#" class="b">国际</a>
<a href="#" class="c">体育</a>
<a href="#" class="d">财经</a>
</div>
<div class="content">
</div>
</div>
</body>
</html>
1.页面第一次打开时,显示第一个菜单项的内容
2.如何定位下面的层内容,即把鼠标放在哪显示哪一项的子菜单内容
大家帮忙啊!
[此贴子已经被作者于2007-6-2 12:41:01编辑过]
