菜鸟100分求助JS下拉菜单的问题
请帮忙把下面菜单修改成在点击菜单后自动缩回去<html><head><title>123</title><styletype="text/css">.menuul{pad...
请帮忙把下面菜单修改成在点击菜单后自动缩回去
<html>
<head>
<title>123</title>
<style type="text/css">
.menu ul {
padding:0;
margin:0;
list-style-type: none;
}
.menu ul li {
float:left;
position:relative;
}
.menu ul li a, .menu ul li a:visited {
display:block;
text-align:center;
text-decoration:none;
width:104px;
height:19px;
color:#000;
border:1px solid #fff;
border-width:0px 1px 0 0;
background:#CFDEFD;
line-height:19px;
font-size:11px;
}
.menu ul li ul {
display: none;
}
</style>
<!--[if lte IE 6]>
<style type="text/css">
table {
border-collapse:collapse;
margin:0;
padding:0;
}
.menu ul li a.list, .menu ul li a:visited.list {
display:none;
}
.menu ul li a:hover {
color:#fff;
background:#A0A0A0;
}
.menu ul li a:hover ul {
display:block;
position:absolute;
top:19px;
left:0;
width:105px;
}
</style>
<![endif]-->
<style type="text/css">
</style>
</HEAD>
<body>
<table width="100%" height="18" border="0" cellpadding="0" cellspacing="0" bgcolor="#CFDEFD">
<tr>
<td valign="bottom">
<div class="menu">
<ul>
<li><a href="#" class="list">菜单1</a>
<!--[if lte IE 6]>
<a href="#">菜单1
<table><tr><td>
<![endif]-->
<ul>
<li><a href="#")">菜单1</a></li>
<li><a href="#")" >菜单1</a></li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a href="#" class="list">菜单2</a>
<!--[if lte IE 6]>
<a href="#">菜单2
<table><tr><td>
<![endif]-->
<ul>
<li><a href="#")">菜单2</a></li>
<li><a href="#")">菜单2</a></li>
<li><a href="#")">菜单2</a></li>
<li><a href="#")">菜单2</a></li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a href="#" class="list">菜单3</a>
<!--[if lte IE 6]>
<a href="#">菜单3
<table><tr><td>
<![endif]-->
<ul>
<li><a href="#">菜单3</a></li>
<li><a href="#">菜单3</a></li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
</li>
</ul>
<!-- clear the floats if required -->
<div class="clear"> </div>
</div> </td>
</tr>
</table>
</body>
</html> 展开
<html>
<head>
<title>123</title>
<style type="text/css">
.menu ul {
padding:0;
margin:0;
list-style-type: none;
}
.menu ul li {
float:left;
position:relative;
}
.menu ul li a, .menu ul li a:visited {
display:block;
text-align:center;
text-decoration:none;
width:104px;
height:19px;
color:#000;
border:1px solid #fff;
border-width:0px 1px 0 0;
background:#CFDEFD;
line-height:19px;
font-size:11px;
}
.menu ul li ul {
display: none;
}
</style>
<!--[if lte IE 6]>
<style type="text/css">
table {
border-collapse:collapse;
margin:0;
padding:0;
}
.menu ul li a.list, .menu ul li a:visited.list {
display:none;
}
.menu ul li a:hover {
color:#fff;
background:#A0A0A0;
}
.menu ul li a:hover ul {
display:block;
position:absolute;
top:19px;
left:0;
width:105px;
}
</style>
<![endif]-->
<style type="text/css">
</style>
</HEAD>
<body>
<table width="100%" height="18" border="0" cellpadding="0" cellspacing="0" bgcolor="#CFDEFD">
<tr>
<td valign="bottom">
<div class="menu">
<ul>
<li><a href="#" class="list">菜单1</a>
<!--[if lte IE 6]>
<a href="#">菜单1
<table><tr><td>
<![endif]-->
<ul>
<li><a href="#")">菜单1</a></li>
<li><a href="#")" >菜单1</a></li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a href="#" class="list">菜单2</a>
<!--[if lte IE 6]>
<a href="#">菜单2
<table><tr><td>
<![endif]-->
<ul>
<li><a href="#")">菜单2</a></li>
<li><a href="#")">菜单2</a></li>
<li><a href="#")">菜单2</a></li>
<li><a href="#")">菜单2</a></li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a href="#" class="list">菜单3</a>
<!--[if lte IE 6]>
<a href="#">菜单3
<table><tr><td>
<![endif]-->
<ul>
<li><a href="#">菜单3</a></li>
<li><a href="#">菜单3</a></li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
</li>
</ul>
<!-- clear the floats if required -->
<div class="clear"> </div>
</div> </td>
</tr>
</table>
</body>
</html> 展开
4个回答
展开全部
function showsubmenu(sid)
{
/*
whichEl = eval("document.getElementById('"+"submenu" + sid+"')");
imgmenu = eval("document.getElementById('"+"imgmenu" + sid+"')");
if (whichEl.style.display == "none")
{
if (whichEl.style.display=='none') whichEl.style.display='';
else whichEl.style.display = 'none';
imgmenu.background="image/menuup.gif";
}
else
{
if (whichEl.style.display=='none') whichEl.style.display='';
else whichEl.style.display = 'none';
imgmenu.background="image/menudown.gif";
}
*/
//某一分类弹开,其它分类自动关闭
whichEl = eval("document.getElementById('"+"submenu" + sid+"')");
imgmenu = eval("document.getElementById('"+"imgmenu" + sid+"')");
var newsTD=document.getElementsByTagName("td");
var obj=whichEl;
if(obj.style.display=="none")
{
for(i=8;i<newsTD.length;i++)
{
if(newsTD[i].id.indexOf("submenu")!=-1)
{
if (newsTD[i].style.display!="none")
{
newsTD[i].style.display = "none";
}
}
if(newsTD[i].id.indexOf("imgmenu")!=-1)
{
newsTD[i].background = "image/menudown.gif";
}
}
obj.style.display="";
imgmenu.background="image/menuup.gif";
}
else if(obj.style.display!="none")
{
obj.style.display="none";
imgmenu.background="image/menudown.gif";
}
}
</SCRIPT>
{
/*
whichEl = eval("document.getElementById('"+"submenu" + sid+"')");
imgmenu = eval("document.getElementById('"+"imgmenu" + sid+"')");
if (whichEl.style.display == "none")
{
if (whichEl.style.display=='none') whichEl.style.display='';
else whichEl.style.display = 'none';
imgmenu.background="image/menuup.gif";
}
else
{
if (whichEl.style.display=='none') whichEl.style.display='';
else whichEl.style.display = 'none';
imgmenu.background="image/menudown.gif";
}
*/
//某一分类弹开,其它分类自动关闭
whichEl = eval("document.getElementById('"+"submenu" + sid+"')");
imgmenu = eval("document.getElementById('"+"imgmenu" + sid+"')");
var newsTD=document.getElementsByTagName("td");
var obj=whichEl;
if(obj.style.display=="none")
{
for(i=8;i<newsTD.length;i++)
{
if(newsTD[i].id.indexOf("submenu")!=-1)
{
if (newsTD[i].style.display!="none")
{
newsTD[i].style.display = "none";
}
}
if(newsTD[i].id.indexOf("imgmenu")!=-1)
{
newsTD[i].background = "image/menudown.gif";
}
}
obj.style.display="";
imgmenu.background="image/menuup.gif";
}
else if(obj.style.display!="none")
{
obj.style.display="none";
imgmenu.background="image/menudown.gif";
}
}
</SCRIPT>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
或者你可以描述得再清楚点 我不是很明白你的意思
因为我看现在的菜单在你点击后已经会自动缩回去的呀 还需要的是什么?
因为我看现在的菜单在你点击后已经会自动缩回去的呀 还需要的是什么?
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你给一个实实在在的链接试试，比如链接到自己，它自动就会消失的说
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
kjjhmnkl,bvdkjmhnhnjnjmdc,mcmfghsyjakqjna
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
