js实现下拉菜单自动隐藏 我的代码那里出了问题
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/...
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
#close{overflow:hidden}
#open{overflow:visible}
dl dt{display:block; }
dl{
height:20px;
float:left;
}
dl dd{
display:block;
}
</style>
<script language="javascript">
function list(onode){
var b=onode.parentNode;
var c=document.getElementsByTagName("dl");
for(i=0; i<c.length; i++)
{
if(c[i]=b)
{
if( b.className="close"){
b.className="close";}
else{
b.className="open";}
}
else
{
c[i].className="close";
}
}
}
</script>
</head>
<body>
<div>
<dl id="close">
<dt onmouseover="list(this)" onmouseout="list(this)">链接1</dt>
<dd>新闻一</dd>
<dd>新闻二</dd>
<dd>新闻三</dd>
<dd>新闻四</dd>
</dl>
<dl id="close">
<dt onmousemove="list(this)" onmouseout="list(this)">链接二</dt>
<dd>新闻一</dd>
<dd>新闻二</dd>
<dd>新闻三</dd>
<dd>新闻四</dd>
</dl>
<dl id="close">
<dt onmousemove="list(this)" onmouseout="list(this)">链接三</dt>
<dd>新闻一</dd>
<dd>新闻二</dd>
<dd>新闻三</dd>
<dd>新闻四</dd>
</dl>
</div>
</body>
</html>
鼠标划上去出现下拉框 移走鼠标消失 展开
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
#close{overflow:hidden}
#open{overflow:visible}
dl dt{display:block; }
dl{
height:20px;
float:left;
}
dl dd{
display:block;
}
</style>
<script language="javascript">
function list(onode){
var b=onode.parentNode;
var c=document.getElementsByTagName("dl");
for(i=0; i<c.length; i++)
{
if(c[i]=b)
{
if( b.className="close"){
b.className="close";}
else{
b.className="open";}
}
else
{
c[i].className="close";
}
}
}
</script>
</head>
<body>
<div>
<dl id="close">
<dt onmouseover="list(this)" onmouseout="list(this)">链接1</dt>
<dd>新闻一</dd>
<dd>新闻二</dd>
<dd>新闻三</dd>
<dd>新闻四</dd>
</dl>
<dl id="close">
<dt onmousemove="list(this)" onmouseout="list(this)">链接二</dt>
<dd>新闻一</dd>
<dd>新闻二</dd>
<dd>新闻三</dd>
<dd>新闻四</dd>
</dl>
<dl id="close">
<dt onmousemove="list(this)" onmouseout="list(this)">链接三</dt>
<dd>新闻一</dd>
<dd>新闻二</dd>
<dd>新闻三</dd>
<dd>新闻四</dd>
</dl>
</div>
</body>
</html>
鼠标划上去出现下拉框 移走鼠标消失 展开
2个回答
展开全部
你这个满篇的语法错误。条件语句里面 不能用 ‘=’而该用 ‘==’或者 '==='。你javascript里面添加的是类名，css里面写的却是id选择器。下面的html里面 id属性名字应该是唯一的.你应该用class.
你想要的效果可以完全不用javascript。你可以使用伪类 hover.
你想要的效果可以完全不用javascript。你可以使用伪类 hover.
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
