导航菜单的问题 新闻中心 产品中心 产品展示 1新闻 2新闻 1产品 2产品 1展示 2展示 3展示光标移动到新闻中心就会显示,1新闻 2新闻 光标移动到产品中心就会显示,1产品 2产品 光标移动到产品展示就会显示,1展示 2展示 3展示这个菜单要怎么做?急用 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>通用的二级菜单</title> <style type="text/css"> #menu { width:300px; margin:auto; } #div1 { display:none; font-size:12px; position:relative; left:0px; top:0px; background-color:White; padding:5px 10px 0px 10px; width:320px; } #div2 { display:none; font-size:12px; position:relative; left:50px; top:0px; background-color:White; padding:5px 10px 0px 10px; width:320px; } #div3 { display:none; font-size:12px; position:relative; left:120px; top:0px; background-color:White; padding:5px 10px 0px 10px; width:320px; } #div4 { display:none; font-size:12px; position:relative; left:200px; top:0px; background-color:White; padding:5px 10px 0px 10px; width:320px; } </style> <script language="javascript" type="text/javascript"> //显示层 function showDiv(divName) { document.getElementById(divName).style.display = "block"; } //隐藏层 function hiddenDiv(divName) { document.getElementById(divName).style.display = "none"; } </script> </head> <body> <div id="menu"> <a href="#" onmouseover="showDiv('div1')" onmouseout="hiddenDiv('div1')">新闻中心 </a> | <a href="#" onmouseover="showDiv('div2')" onmouseout="hiddenDiv('div2')">产品中心 </a> | <a href="#" onmouseover="showDiv('div3')" onmouseout="hiddenDiv('div3')">产品展示</a> <div id="div1" onmouseover="showDiv(this.id)" onmouseout="hiddenDiv(this.id)"> <a href="#">1新闻</a> <a href="#">2新闻</a> </div> <div id="div2" onmouseover="showDiv(this.id)" onmouseout="hiddenDiv(this.id)"> <a href="#">1产品</a> <a href="#">2产品</a> </div> <div id="div3" onmouseover="showDiv(this.id)" onmouseout="hiddenDiv(this.id)"> <a href="#">1展示 </a> <a href="#">2展示 </a> <a href="#">3展示 </a> </div> </div> </body> </html> 问一个JS的问题,对JS不熟悉 输入框失去焦点后不能重新获得 如何在自己网站加入google,baidu搜索,并且有下拉提示功能 怎样实现按TAB键后跳过readonly的文本框,在线等 如何用js给tr 里面加上 html 替換標簽 我想问一下怎样检测select控件的某一option是否存在!!!!!!!!!!! 感谢版主showbo帮助 分享 一个页面多个焦点图 随机播放 当鼠标放在某个焦点图上时 只播放当前的焦点图,其他的停止 离开时继续随机 关于刷新事件的捕获,请大家多多关照。 网站通过用户机在局域网内通信 用人用过ymPrompt吗? js 动态添加、删除行
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>通用的二级菜单</title>
<style type="text/css">
#menu
{
width:300px;
margin:auto;
}
#div1
{
display:none;
font-size:12px;
position:relative;
left:0px;
top:0px;
background-color:White;
padding:5px 10px 0px 10px;
width:320px;
}
#div2
{
display:none;
font-size:12px;
position:relative;
left:50px;
top:0px;
background-color:White;
padding:5px 10px 0px 10px;
width:320px;
}
#div3
{
display:none;
font-size:12px;
position:relative;
left:120px;
top:0px;
background-color:White;
padding:5px 10px 0px 10px;
width:320px;
}
#div4
{
display:none;
font-size:12px;
position:relative;
left:200px;
top:0px;
background-color:White;
padding:5px 10px 0px 10px;
width:320px;
}
</style>
<script language="javascript" type="text/javascript">
//显示层
function showDiv(divName)
{
document.getElementById(divName).style.display = "block";
}
//隐藏层
function hiddenDiv(divName)
{
document.getElementById(divName).style.display = "none";
}
</script>
</head>
<body>
<div id="menu">
<a href="#" onmouseover="showDiv('div1')" onmouseout="hiddenDiv('div1')">新闻中心 </a>
|
<a href="#" onmouseover="showDiv('div2')" onmouseout="hiddenDiv('div2')">产品中心 </a>
|
<a href="#" onmouseover="showDiv('div3')" onmouseout="hiddenDiv('div3')">产品展示</a>
<div id="div1" onmouseover="showDiv(this.id)" onmouseout="hiddenDiv(this.id)">
<a href="#">1新闻</a>
<a href="#">2新闻</a>
</div>
<div id="div2" onmouseover="showDiv(this.id)" onmouseout="hiddenDiv(this.id)">
<a href="#">1产品</a>
<a href="#">2产品</a>
</div>
<div id="div3" onmouseover="showDiv(this.id)" onmouseout="hiddenDiv(this.id)">
<a href="#">1展示 </a>
<a href="#">2展示 </a>
<a href="#">3展示 </a>
</div>
</div>
</body>
</html>