<html>
<head><title>最简树形菜单</title>
<style type="text/css">
.big{
cursor:pointer;
}
ul{
list-style-type:none;}
.mepig{
display:none;
}
</style><script>
window.onload=function()
{
var vc=document.getElementsByName("medog");
var ve=document.getElementsByTagName("ul");
vc[0].onmouseup=function(){
//ve[1].style.display="block"
if(ve[1].style.display=="block")
{
ve[1].style.display="none"; }
else
{
ve[1].style.display="block";
}
} vc[1].onmouseup=function(){
if(ve[2].style.display=="block")
{
ve[2].style.display="none"; }
else
{
ve[2].style.display="block";
}
}
/* for(var i=0;i<vc.length;i++)
{
vc[i].onmouseup=function()
{ if(ve[i+1].style.display=="block")
{
ve[i+1].style.display="none"; }
else
{
ve[i+1].style.display="block";
}
}
}*/
}
</script>
</head>
<body>
<ul>
<li ><img name="medog" class="big" src="http://www.google.com/coop/images/zippy_plus_sm.gif" > A
<ul name="mepig" class="mepig">
<li>a1</li>
<li>a2</li>
<li>a3</li>
</ul>
</li>
<li><img name="medog" class="big" src='http://www.google.com/coop/images/zippy_plus_sm.gif' > B
<ul name="mepig" class="mepig">
<li>b1</li>
<li>b2</li>
<li>b3</li>
</ul>
</li>
</ul>
</body>
</html>
如上代码。为什么用注释掉的代码就会出错!难道注释的和没有注释的表达的不是一个意思吗?求大神解答!
<head><title>最简树形菜单</title>
<style type="text/css">
.big{
cursor:pointer;
}
ul{
list-style-type:none;}
.mepig{
display:none;
}
</style><script>
window.onload=function()
{
var vc=document.getElementsByName("medog");
var ve=document.getElementsByTagName("ul");
vc[0].onmouseup=function(){
//ve[1].style.display="block"
if(ve[1].style.display=="block")
{
ve[1].style.display="none"; }
else
{
ve[1].style.display="block";
}
} vc[1].onmouseup=function(){
if(ve[2].style.display=="block")
{
ve[2].style.display="none"; }
else
{
ve[2].style.display="block";
}
}
/* for(var i=0;i<vc.length;i++)
{
vc[i].onmouseup=function()
{ if(ve[i+1].style.display=="block")
{
ve[i+1].style.display="none"; }
else
{
ve[i+1].style.display="block";
}
}
}*/
}
</script>
</head>
<body>
<ul>
<li ><img name="medog" class="big" src="http://www.google.com/coop/images/zippy_plus_sm.gif" > A
<ul name="mepig" class="mepig">
<li>a1</li>
<li>a2</li>
<li>a3</li>
</ul>
</li>
<li><img name="medog" class="big" src='http://www.google.com/coop/images/zippy_plus_sm.gif' > B
<ul name="mepig" class="mepig">
<li>b1</li>
<li>b2</li>
<li>b3</li>
</ul>
</li>
</ul>
</body>
</html>
如上代码。为什么用注释掉的代码就会出错!难道注释的和没有注释的表达的不是一个意思吗?求大神解答!
解决方案 »
- 求js提示安装确实插件并下载
- 为什么总出现java.lang.NoClassDefFoundError: javax/xml/registry/infomodel/User错误呀?
- 在HTML在线编辑器中iframe,输入连续空格,问题
- MzTreeView能通过text或者data上挂载的数据聚焦某节点吗?
- 如何使用jquery移除CSS样式
- 寻找JavaScript的学习之道?
- 梅花雪老大的树控件能否加上CheckBox功能呢?谢谢了
- 看看这一段代码。
- 急用,在线等:往表单域中插入内容?
- 用javascript怎么输出双引号(")!
- HighChart做历史曲线,无数据的部分是否可以断开?
- 正则表达式替换字符串问题
vc[i].onmouseup=function(j) {
return function() {
if(ve[j+1].style.display=="block") {
ve[j+1].style.display="none"; }
else {
ve[j+1].style.display="block";
}
}
}(i);
}