请高人解释一下js代码谢谢

<html>
<head>
<title> New Document </title>
<style>
td { font-family: 宋体; font-size: 9pt;}
.ooib { border-width: 1px; border-style: none solid solid; border-color: #CC3333; background-color: #E4E5EE;}
.ooih td { border-width: 1px; padding: 0 5; }
.ooihj { color: #CC3333; background-color: #E4E5EE; border-style: solid solid none; border-color: #CC3333; cursor: hand}
.ooihs { color: #6600CC; background-color: #ccccFF; border-style: solid; border-color: #6600CC #6600CC #CC3333; cursor: hand}
.ooihx { border-style: none none solid; border-color: #CC3333; }

</style>
<script language="JavaScript">
function ghbq(td)
{
var tr = td.parentElement.cells;
var ob = obody.rows;
for(var ii=0; ii<tr.length-1; ii++)
{
tr[ii].className = (td.cellIndex==ii)?"ooihj":"ooihs";
ob[ii].style.display = (td.cellIndex==ii)?"block":"none";
}
}
</script>
</head>

<body>

<table class="ooih" border="0" cellspacing="0" cellpadding="0" width="400" height="19">
<tr>
<td class="ooihj" nowrap onmouseover="ghbq(this)">九江人</td>
<td class="ooihs" nowrap onmouseover="ghbq(this)">湖北人</td>
<td class="ooihs" nowrap onmouseover="ghbq(this)">浙江人</td>
<td class="ooihs" nowrap onmouseover="ghbq(this)">湖南人</td>
<td class="ooihx" width="100%"> </td>
</tr>
</table>
<table class="ooib" id="obody" border="0" cellspacing="0" cellpadding="0" width="400" height="300">
<tr>
<td valign="top">
  标签内容一标签内容一标签内容一标签内容一标签内容一标签内容一
</td>
</tr>
<tr style="display: none">
<td>
标签内容二标签内容二标签内容二标签内容二标签内容二标签内容二标签内容二
</td>
</tr>
<tr style="display: none">
<td>
标签内容三标签内容三标签内容三标签内容三标签内容三标签内容三标签内容三
</td>
</tr>
<tr style="display: none">
<td>
标签内容四标签内容四标签内容四标签内容四标签内容四标签内容四标签内容四
</td>
</tr>
</table>

</body>
</html>

html不用解释其他的解释一下谢谢

function ghbq(td)
{
var tr = td.parentElement.cells;
//td.parentElement为td的父元素,这里为<tr>标签对象。td.parentElement.cells即引用td的当前对象的父元素的每一列的集合。
var ob = obody.rows; //指定obody的每一行的集合,通常访问单元格需要选访问行再访问列,这里obody是table对象,rows指代行的集合,完全符合语法,上面的td.parentElement.cells指代引用td的单元格的父元素,即tr的每列的集合先访问了该tr,再访问cells(列)也完全符合语法。
for(var ii=0; ii<tr.length-1; ii++)
//对所有标签进行遍历
{
tr[ii].className = (td.cellIndex==ii)?"ooihj":"ooihs";
//三元操作符,如果当前单元格的索引(cellIndex)和当前循环的ii相等,则应用ooihj样式,否则应用ooihs样式,这里的作用就是当鼠标移动到某单元格上时,比如说悬停在第三个标签上,则td.cellIndex为2,而当ii=0和1时,tr[0].className和tr[1].className都是ooihs,而当ii=2时为tr[2].className=cooihj。ii=3时,tr[3].className=cooihs。

ob[ii].style.display = (td.cellIndex==ii)?"block":"none";
//显示当前鼠标悬停到的标签的内容,隐藏其它标签对应内容。
}
}
温馨提示:内容为网友见解,仅供参考
第1个回答  2008-03-23
能打开啊!我打开了,是什么网易密宝卡

一段js代码什么意思啊?谢谢!
因此这段js代码意思就是,先执行第一行,然后再调用这个匿名函数。其他细节代码就不多说了,您应该理解。

js代码看不懂
你好,首先你要清楚上面代码中addEventListener是给一个元素绑定了一个鼠标移入事件。而这里需要理解一个问题就是【事件冒泡】,正常情况下,任一一个子元素触发事件都会冒泡到父元素上,这时我们如果想知道真正触发事件的是哪个元素,就可以通过 e.target 来确定。例:parentdiv有p和span两个子元素,结构如...

麻烦高手帮忙解释一下:JS中 for(i=0, c=0;i<6;i++,tn*=20) { 执行代 ...
每次循环的最后都要执行的表达式。执行时机是在下一次 condition 的计算之前。通常被用于更新或者递增计数器变量。statement 只要condition的结果为true就会被执行的语句。要在循环体内执行多条语句,使用一个块语句({ ... })来包含要执行的语句。没有任何语句要执行,使用一个空语句(;)。因此,您的...

麻烦js高手给翻译以下代码~每行每行都解释一下~谢谢~拜托~ windo...
var Time=null; \/\/设置时间变量 Time=setInterval( \/该变量是一个定时函数,第二个参数是1000,就是1000毫秒运行一次 function(){ \/\/定时函数内容 var Day=document.getElementById('day'); \/\/获取日期变量 var start = new Date().getTime(); \/\/建立一个日期对象,获取当前时间linux时间戳 var...

关于JS的代码 什么意思 详细讲一下 谢谢 高手!
whichEl = eval("submenu"+ sid);\/\/whichEl=submenu1(ie可以直接这样获取id是submenu1的节点,其他浏览器不兼容所以【whichEl = document.getElementById("submenu"+ sid);】更好一些,如果获取的是之前的一个对象那么就用当前的是正确的)if (whichEl.style.display == "none")\/\/如果该对象是...

关于JS的代码 什么意思 详细讲一下 谢谢 高手!
function showsubmenu(sid) \/\/比如sid=1 { whichEl = eval("submenu" + sid); \/\/whichEl=submenu1(ie可以直接这样获取id是submenu1的节点,其他浏览器不兼容所以【whichEl = document.getElementById("submenu" + sid);】更好一些,如果获取的是之前的一个对象那么就用当前的是正确的)if...

求js高手解释代码:
coordsize:代表调协的尺寸 数字越小 所占页面比例越大 fillcoclor 代表填充的颜色 O:Spt :关键地方 来了 这里如果去掉的话 你会看到页面上的形状是一样的 它这里是根据for 循环 Behavior:特性URL中的#VML#很重要 入去掉的话 就不会显示 也就是说没有任何特性 里面来变化形状的 谢谢!

求js代码!谢谢!
function checkAll(form1,status){\/\/ var elements = form1.getElementsByTagName('input');\/\/查找所有input控件 for(var i=0; i<elements.length; i++){\/\/ if(elements[i].type == 'checkbox'){\/\/查找属於check的控件 } } } 第二题:这里写的是新建一个层,显示form菜单,原理一样 <...

请问下面这段Js代码是什么意思,有大佬解释下吗
意思是返回一个对象,这个对象里有个init属性,这个属性指向的是一个function也就是函数对象,如果你var obj = return {init:function(){}};然后obj.init()就会执行函数里的内容,如果每个页面都有,可能在页面初始化的时候调用了

请js大神帮我注释,想自学,详细点,谢谢!代码如下
如果图片看不清,这是源代码:\/*函数后的(window, document);表示要执行这个函数。所以要求(window, document)前面必须是一个表达式,而 !正是这个作用。也就意味着这是自调用函数*\/ ! function (e, t, a) {\/\/这的参数a可能已被弃用 function n() { c(".love{width: 20px;height: 20px...

相似回答