请问这段javascript代码什么意思啊
1、functiong(o){returndocument.getElementById(o);}这一句是什么意思呢?没有id为”o“的元素啊2、<liid="tb_1"...
1、function g(o){return document.getElementById(o);} 这一句是什么意思呢?没有id为 ”o“的元素啊
2、 <li id="tb_1" class="hovertab" onmouseover="x:HoverLi(1);"> ASP.NET</li> 这一句 "x:HoverLi(1);"怎么理解呢? 谢谢啦!
下面是代码
——————————————————————————————————————————————————————
<script type="text/javascript" language="javascript">
//<!CDATA[
function g(o){return document.getElementById(o);}
function HoverLi(n)
{
//如果有N个标签,就将i<=N;
for(var i=1;i<=6;i++)
{g('tb_'+i).className='normaltab';g('tbc_0'+i).className='undis';}
g('tbc_0'+n).className='dis';g('tb_'+n).className='hovertab';
}
//如果要做成点击后再转到请将<li>中的onmouseover 改成 onclick;
//]]>
</script>
</head>
<body>
<div class="w936">
<div id="tb_" class="tb_">
<ul>
<li id="tb_1" class="hovertab" onmouseover="x:HoverLi(1);">
ASP.NET</li>
<li id="tb_2" class="normaltab" onmouseover="i:HoverLi(2);">
MYSQL</li>
<li id="tb_3" class="normaltab" onmouseover="a:HoverLi(3);">
DELPHI</li>
<li id="tb_4" class="normaltab" onmouseover="o:HoverLi(4);">
VB.NET</li>
<li id="tb_5" class="normaltab" onmouseover="g:HoverLi(5);">
JAVA</li>
<li id="tb_6" class="normaltab" onmouseover="z:HoverLi(6);">
PHP5</li>
</ul>
</div>
<div class="ctt">
<div class="dis" id="tbc_01">这里是ASP.NET的相关内容</div>
<div class="undis" id="tbc_02">这里是MYSQL的相关内容</div>
<div class="undis" id="tbc_03">这里是DELPHI的相关内容</div>
<div class="undis" id="tbc_04">这里是VB.NET的相关内容</div>
<div class="undis" id="tbc_05">这里是JAVA的相关内容</div>
<div class="undis" id="tbc_06">这里是PHP5的相关内容</b>
</div>
</div>
</div>
</body>
http://www.codefans.net/jscss/code/111.shtml
这个是代码网址啊,大侠帮忙啦! 展开
2、 <li id="tb_1" class="hovertab" onmouseover="x:HoverLi(1);"> ASP.NET</li> 这一句 "x:HoverLi(1);"怎么理解呢? 谢谢啦!
下面是代码
——————————————————————————————————————————————————————
<script type="text/javascript" language="javascript">
//<!CDATA[
function g(o){return document.getElementById(o);}
function HoverLi(n)
{
//如果有N个标签,就将i<=N;
for(var i=1;i<=6;i++)
{g('tb_'+i).className='normaltab';g('tbc_0'+i).className='undis';}
g('tbc_0'+n).className='dis';g('tb_'+n).className='hovertab';
}
//如果要做成点击后再转到请将<li>中的onmouseover 改成 onclick;
//]]>
</script>
</head>
<body>
<div class="w936">
<div id="tb_" class="tb_">
<ul>
<li id="tb_1" class="hovertab" onmouseover="x:HoverLi(1);">
ASP.NET</li>
<li id="tb_2" class="normaltab" onmouseover="i:HoverLi(2);">
MYSQL</li>
<li id="tb_3" class="normaltab" onmouseover="a:HoverLi(3);">
DELPHI</li>
<li id="tb_4" class="normaltab" onmouseover="o:HoverLi(4);">
VB.NET</li>
<li id="tb_5" class="normaltab" onmouseover="g:HoverLi(5);">
JAVA</li>
<li id="tb_6" class="normaltab" onmouseover="z:HoverLi(6);">
PHP5</li>
</ul>
</div>
<div class="ctt">
<div class="dis" id="tbc_01">这里是ASP.NET的相关内容</div>
<div class="undis" id="tbc_02">这里是MYSQL的相关内容</div>
<div class="undis" id="tbc_03">这里是DELPHI的相关内容</div>
<div class="undis" id="tbc_04">这里是VB.NET的相关内容</div>
<div class="undis" id="tbc_05">这里是JAVA的相关内容</div>
<div class="undis" id="tbc_06">这里是PHP5的相关内容</b>
</div>
</div>
</div>
</body>
http://www.codefans.net/jscss/code/111.shtml
这个是代码网址啊,大侠帮忙啦! 展开
2个回答
展开全部
o是参数。
function HoverLi(n)
{
//如果有N个标签,就将i<=N;
for(var i=1;i<=6;i++)
{g('tb_'+i).className='normaltab';g('tbc_0'+i).className='undis';}
g('tbc_0'+n).className='dis';g('tb_'+n).className='hovertab';
}
里面调用了g('tbc_0'+i),这个循环里面的参数就是tbc_01~tbc_06
这几个id是有的。所以o的具体值就是上面的参数值。
至于X:X()的格式我也不知道啥意思,还木有见过这种写法,第一次见。
把x:去掉效果也一样,所以这个x:的有啥作用我也不清楚。但可以肯定的是<li id="tb_1" class="hovertab" onmouseover="x:HoverLi(1);"> ASP.NET</li>
意思是当鼠标滑过这个标签的时候去触发HoverLi(1);函数。
function HoverLi(n)
{
//如果有N个标签,就将i<=N;
for(var i=1;i<=6;i++)
{g('tb_'+i).className='normaltab';g('tbc_0'+i).className='undis';}
g('tbc_0'+n).className='dis';g('tb_'+n).className='hovertab';
}
里面调用了g('tbc_0'+i),这个循环里面的参数就是tbc_01~tbc_06
这几个id是有的。所以o的具体值就是上面的参数值。
至于X:X()的格式我也不知道啥意思,还木有见过这种写法,第一次见。
把x:去掉效果也一样,所以这个x:的有啥作用我也不清楚。但可以肯定的是<li id="tb_1" class="hovertab" onmouseover="x:HoverLi(1);"> ASP.NET</li>
意思是当鼠标滑过这个标签的时候去触发HoverLi(1);函数。
更多追问追答
追问
谢谢啊!当鼠标移到一个标签上就执行function HoverLi(n)函数,然后又调用function g(o),并把tbc_01~tbc_06传递给function g(o)的参数o,然后function g(o)里面的{return document.getElementById(o);} 是什么意思,返回值给函数function HoverLi(n)的参数n吗?
追答
document.getElementById(o)是获取tbc_01~tbc_06的div对象,然后给对象修改class属性,通过这个来控制每个div对象是显示还是隐藏。
那个参数n是通过这个传递的,比如这个时候n就是1,不是g(o)的返回值。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询