Javascript变换表格内容

zhangljerry

浏览: 144405 次
性别:
来自: 杭州

最近访客更多访客>>

DavidShangDongWei

冷蒸饺

liuzhg

dengqiuxue

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

web2.0

JavaScript J#

[code<script language="javascript">
// JavaScript Document
var colorArray = new Array;
colorArray[0] = "#0066ff"
colorArray[1] = "#105409"
colorArray[2] = "#9a0000"
colorArray[3] = "#9f6b39"
colorArray[4] = "#ffab25"
colorArray[5] = "#7665e9"
function chh(){
var obj = window.event.srcElement;
   if (obj.tagName != "TD"){
      return;
   }
   index = obj.cellIndex;
    var J = obj.id
   if (J == index){
       return;
   }
   for (var i=0; i<it.cells.length;i++){
         it.cells[i].style.background = colorArray[i]+" url(images/menu.gif)";
         it.cells[i].className = "jjk";
         it.cells[i].id = index;
    }
    obj.className = "jk";
    obj.style.background =colorArray[index]

for ( i=0; i<content.tBodies.length;i++){
      content.tBodies[i].style.display = "none"
   }
   content.tBodies[index].style.display = "block"
   content.tBodies[index].style.background=colorArray[index]
   banner.innerHTML = "<img src=images/"+(index+1)+".jpg width=740 height=190>"
}
function onload(){
     for (i=0; i<it.cells.length; i++){
          it.cells[i].style.background = "#ccc url(images/menu.gif)";
         }
    it.cells[0].style.background =colorArray[0];
    it.cells[0].style.borderLeft = "1px solid #ffffff"
    }
</script>

<body onLoad="onload();" >
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
    <td width="740" height="190" id="banner" ><img src="images/1.jpg" width="740" height="190"></td>
</tr>
<tr align="left">
    <td>
<TABLE style="COLOR: white" cellSpacing=0 cellPadding=0 width=740 border=0>
<TBODY>
<TR id=it onmouseover=chh() >
    <TD class=jk id=ABCEDFGHIJKLMNOPQRSTUVWXYZ width=123 height=41> » <A href="#">测试一</A> </TD>
    <TD class=jjk width=123 height=41> » <A href="#">测试二</A></TD>
    <TD class=jjk width=123 height=41> » <A href="#">测试三</A> </TD>
    <TD class=jjk width=123 height=41> » <A href="#">测试四</A> </TD>
    <TD class=jjk width=123 height=41> » <A href="">测试五</A> </TD>
    </TR>
</TBODY>
</TABLE>
    </td>
</tr>
<tr>
    <td><TABLE id=content cellSpacing=0 cellPadding=0 width=740>
      <TBODY style="DISPLAY: block">
        <TR bgColor=#0066ff>
          <TD class=tbody style="HEIGHT: 80px" width=738></TD>
        </TR>
      </TBODY>
      <TBODY style="DISPLAY: none">
        <TR bgColor=#105409>
          <TD class=tbody style="HEIGHT: 80px">   </TD>
        </TR>
      </TBODY>
      <TBODY style="DISPLAY: none">
        <TR bgColor=#9a0000>
          <TD class=tbody style="HEIGHT: 80px"> </TD>
        </TR>
      </TBODY>
      <TBODY style="DISPLAY: none">
        <TR bgColor=#9f6b39>
          <TD class=tbody vAlign=top align=left></TD>
        </TR>
      </TBODY>
      <TBODY style="DISPLAY: none">
        <TR bgColor=#ffab25>
          <TD class=tbody vAlign=top> </TD>
        </TR>
      </TBODY>
      <TBODY style="DISPLAY: none">
      </TBODY>
    </TABLE>
    </td>
</tr>
</table>

分享到：

Lamda演算简介 | struts ajax

2007-06-06 11:05
浏览 1594
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论