求高手帮我解释一下js和css代码。其中js中的secTable。css中的.tag_box
<script language="javascript">
function secBoard1(n,secTable,mainTable)
{
for(i=0;i<secTable.cells.length;i++)
secTable.cells[i].className="sec5";
secTable.cells[n].className="sec6";
for(i=0;i<mainTable.tBodies.length;i++)
mainTable.tBodies[i].style.display="none";
mainTable.tBodies[n].style.display="block";
}
</script>
<script language="javascript">
function secBoard2(n,secTable,mainTable)
{
for(i=0;i<secTable.cells.length;i++)
secTable.cells[i].className="sec3";
secTable.cells[n].className="sec4";
for(i=0;i<mainTable.tBodies.length;i++)
mainTable.tBodies[i].style.display="none";
mainTable.tBodies[n].style.display="block";
}
</script>
补充:复制有字数限制,明白上面两个内容的请帮帮俺
追问:我明白了,怎么把table改为div+css结构。看了许多东西,但是面对如此之大的代码就傻了。有什么方法吗,简化工作量<table width="974" border="0" cellspacing="0" cellpadding="0" align="center"Background(/ad2/gxb.gif)no-repeat>怎么转换为div id
bgcolor="EBEBED"转换为div id形式
table width="330" border="0" cellpadding="0" cellspacing="0" class="tabxxux"尤其是class="tabxxux"可以改为div id形式吗
万分感谢我们老师要求不用table,至于你上面说的我看过许多书我也知道。那怎么办呀
答案:2个函数的 功能是一样的 都是表格的操作
n,secTable,mainTable 这里3个参数
第一个n 代表的肯定的 某个数字 , 就是索引
secTable 和 mainTable 必须是 table元素对象
这里你看看 调用的时候 写的代码就知道了
首先是
for(i=0;i<secTable.cells.length;i++)
secTable.cells[i].className="sec5";
这个循环是把 表格里的 cells 也就是 td 全部 设置为 class="sec5"
这个要看 sec5是 CSS里什么样式
secTable.cells[n].className="sec6"; 这个是把 第n个 td 的样式在设为 sec6的 意思
简单来说 所有TD当中 选一个为 sec6 其他的全部 sec5 样式的意思
在下面
for(i=0;i<mainTable.tBodies.length;i++)
mainTable.tBodies[i].style.display="none";
这个是 把 table里 所有的 <tbody> 标记 设为 style="display:none" 也就是 隐藏掉 不显示
这样的话就看不见了
mainTable.tBodies[n].style.display="block";
这个呢 是把 第n个 <tbody>标记和里面内容在 显示出来的意思
第2个函数也一样 只是给的 class 不一样而已!
有不懂的 可以在 问我
其他:特简单!不过在解释这些代码前得让你知道,secTable和mainTable显然是表格,而secTable.cells.length的意思是获取这个表格的单元格的个数,也就是表格中td的个数。接着是secTable.cells[i],这个是得到表格中第i+1个单元格(一行一行的数,比如每行3个单元格,第二行第2个就是整个表格的第5个单元格),那么接下来的secTable.cells[i].className就很好明白了,它是你拿到的这个单元格的class的值。现在以函数secBoard1为例,首先是一个for循环,因为没有花括号,所以循环体只有一句,也就是secTable.cells[i].className="sec5";,由于是个循环,且循环的长度和单元格的个数一样,所以这句把所有的单元格的class都变成了sec5,这样所有的单元格样式就都一样了。接着一句secTable.cells[n].className="sec6";,是把指定的第n个单元格的class变成sec6,这样这个单元格就因为样式与其它的都不一样而特别显眼。
下面的那个for循环也是这样的,只不过它修改的是表格的tbody部分,要不你自己想想?
-------------------------------------回答时间:2011年10月30日11:53:15-------------------------------------
先占个位,有啥不明白的再问。 重金之下出勇夫!good
上一个:div +css 小问题
下一个:懂一些html和会用dreamweaver基本操作,想学div+css求介绍一些好的视频教程,谢谢