Javascript变换表格内容

最新推荐文章于 2022-02-16 09:03:24 发布

zhangljerry

最新推荐文章于 2022-02-16 09:03:24 发布

阅读量166

点赞数

分类专栏： web2.0 文章标签： JavaScript J# ViewUI

web2.0 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

[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 οnmοuseοver=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>
[code]

zhangljerry

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Javascript变换表格内容

[code// JavaScript Documentvar colorArray = new Array;colorArray[0] = "#0066ff"colorArray[1] = "#105409"colorArray[2] = "#9a0000"colorArray[3] = "#9f6b39"colorArray[4] = "#ffab25"color...
复制链接

扫一扫