欢迎来到福编程网，本站提供各种互联网专业知识！

手机版

微信关注

快捷导航: 正则表达式 AJAX相关黑客相关相关技巧 Mysql MsSql MsSql2005 MsSql2008 MariaDB Oracle Access SQLite PostgreSQL MongoDB DB2 Redis 数据库文摘数据库其它 LINUX RedHat/Centos Ubuntu/Debian Fedora Solaris 红旗Linux Unix/BSD 苹果MAC 麒麟系统注册表 BIOS 系统安装系统进程 Fireworks教程

广告商业广告，理性选择

您的位置：网站首页 > 网络编程 > JavaScript > javascript技巧

通用的javascript　换行色换列色的小js

发布时间：2007-04-21　作者：　来源：转载

标签：雪佛兰通用奢华劳斯莱斯旗舰版 64位收藏夹解调器

行，列換色處理列頭列頭列頭列頭sdfsdfsdfsdfsdsdfsdfdssdfsdsdfsdfsd222223333323232323232//table_tr_td_color.js//让表的tr和td进行换色//在页面最下面执行：Init_Table_Tr_Td("Permit_View_Talbe");//需要换色的行代码：Chang_Tr_over(this,document.al

行，列換色處理

列頭
列頭
列頭
列頭

sdfsdfsdfsdfsd
sdfsdfds
sdfsd
sdfsdfsd

22222
33333
232323
23232

//table_tr_td_color.js
//让表的tr和td进行换色
//在页面最下面执行：Init_Table_Tr_Td("Permit_View_Talbe");
//需要换色的行代码：Chang_Tr_over(this,document.all.表id,1)为换色Chang_Tr_over(this,document.all.表id,0)为恢复原色
//例：
//需要换色的列代码：Change_TdBgColor(this,document.all.表id)
//注：行和列的背景色在默認的情況下請用bgcolor和background來定義
//根据需要，可以调整代码里的值是否for循环里的条件值-1
//最好是用background
//設置列的換色------------------------

varTd_BackGround_Color_Array=Array();
varTd_Font_Color_Array=Array();
//選中後RD的顏色和字體的顏色
varChange_BackGround_color="#4684c1";
varChange_Font_color="#ffffff";
//下面兩色為原始的背景色和原始字的顏色
varOld_BackGround_Color="#ffffff";
varOld_Font_color="#000000";
//--------------------------------------
//設置行的換色
varTr_Change_BackGround="#72a3cf";
varTr_Change_Fontcolor="#ffffff";

varCell_Selected_Array=Array();

functionInit_Table_Tr_Td(Table_id){
varTable_Object=document.all.item(Table_id);
varTable_Tr_Length=parseInt(Table_Object.rows.length);
varTable_Td_Length=parseInt(Table_Object.rows[1].cells.length);

//初始化記錄表格中的每一個RD的背景色和字體顏色
for(vari=0;iTd_BackGround_Color_Array[i]=Array();
Td_Font_Color_Array[i]=Array();

for(vary=0;y//如果初始情況下沒有進行設置style.backgrund的話，則默認為上面設置的原始色
if(!Table_Object.rows[i].cells[y].style.background){
if(Table_Object.rows[i].style.background){
Table_Object.rows[i].cells[y].style.background=Table_Object.rows[i].style.background;
}else{
if(Table_Object.rows[i].bgColor){
Table_Object.rows[i].cells[y].style.background=Table_Object.rows[i].bgColor;
}else{
if(Table_Object.rows[i].cells[y].bgColor)
Table_Object.rows[i].cells[y].style.background=Table_Object.rows[i].cells[y].bgColor;
else
Table_Object.rows[i].cells[y].style.background=Old_BackGround_Color;//否則為設置的底色
}
}
}
//如果初始情況下沒有進行設置style.color的話，則默認為上面設置的原始色
if(!Table_Object.rows[i].cells[y].style.color){
if(!Table_Object.rows[i].style.color){
Table_Object.rows[i].cells[y].style.color=Old_Font_color;
}else{
Table_Object.rows[i].cells[y].style.color=Table_Object.rows[i].style.color;
}
}

Td_BackGround_Color_Array[i][y]=Table_Object.rows[i].cells[y].style.background;
Td_Font_Color_Array[i][y]=Table_Object.rows[i].cells[y].style.color;
}//ENDFORY
}//ENDFORI
}

//設置列的顏色
functionChange_TdBgColor(me,Table_Object){
vartdobject=me;
while(tdobject.tagName!="TD"){tdobject=tdobject.parentElement;}
vartdindex=tdobject.cellIndex;
varTable_Tr_Length=parseInt(Table_Object.rows.length);
varTable_Td_Length=parseInt(Table_Object.rows[0].cells.length);

for(vari=1;iif(Table_Object.rows[i].cells[tdindex].style.background==Td_BackGround_Color_Array[i][tdindex]){
Table_Object.rows[i].cells[tdindex].style.background=Change_BackGround_color;
Table_Object.rows[i].cells[tdindex].style.color=Change_Font_color;
Cell_Selected_Array.push(tdindex);
}else{
Table_Object.rows[i].cells[tdindex].style.background=Td_BackGround_Color_Array[i][tdindex];
Table_Object.rows[i].cells[tdindex].style.color=Td_Font_Color_Array[i][tdindex];
for(varc=0;cif(Cell_Selected_Array[c]==tdindex)Cell_Selected_Array.splice(c,1);
}
}
}
}
//設置行的顏色
functionChang_Tr_over(me,Table_object,flag){
vartrobject=me;
while(trobject.tagName!="TR"){trobject=trobject.parentElement;}
vartrindex=trobject.rowIndex;
varTable_Tr_Length=parseInt(Table_object.rows.length);
varTable_Td_Length=parseInt(Table_object.rows[trindex].cells.length);

varflag_td=","+Cell_Selected_Array+",";
for(vari=0;ivarvalue=","+i+",";
if(flag_td.indexOf(value)!=-1)continue;
if(flag==1){
Table_object.rows[trindex].cells[i].style.background=Tr_Change_BackGround;
Table_object.rows[trindex].cells[i].style.color=Tr_Change_Fontcolor;
}else{
Table_object.rows[trindex].cells[i].style.background=Td_BackGround_Color_Array[trindex][i];
Table_object.rows[trindex].cells[i].style.color=Td_Font_Color_Array[trindex][i];
}
}

}

Init_Table_Tr_Td("Permit_View_Talbe");

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>行，列換色處理</title> </head> <body> 列頭列頭列頭列頭 sdfsdfsdfsdfsd sdfsdfds sdfsd sdfsdfsd 22222 33333 232323 23232 </body> </html> <script language="javascript"> //table_tr_td_color.js //让表的tr和td进行换色 //在页面最下面执行：Init_Table_Tr_Td("Permit_View_Talbe"); //需要换色的行代码：Chang_Tr_over(this,document.all.表id,1)为换色Chang_Tr_over(this,document.all.表id,0)为恢复原色 //例： //需要换色的列代码：Change_TdBgColor(this,document.all.表id) //注：行和列的背景色在默認的情況下請用bgcolor和background來定義 //根据需要，可以调整代码里的值是否 for循环里的条件值 -1 //最好是用background //設置列的換色------------------------ var Td_BackGround_Color_Array = Array(); var Td_Font_Color_Array = Array(); //選中後RD的顏色和字體的顏色 var Change_BackGround_color ="#4684c1"; var Change_Font_color ="#ffffff"; //下面兩色為原始的背景色和原始字的顏色 var Old_BackGround_Color = "#ffffff"; var Old_Font_color = "#000000"; //-------------------------------------- //設置行的換色 var Tr_Change_BackGround="#72a3cf"; var Tr_Change_Fontcolor="#ffffff"; var Cell_Selected_Array = Array(); function Init_Table_Tr_Td(Table_id){ var Table_Object = document.all.item(Table_id); var Table_Tr_Length = parseInt(Table_Object.rows.length); var Table_Td_Length = parseInt(Table_Object.rows[1].cells.length); //初始化記錄表格中的每一個RD的背景色和字體顏色 for(var i=0;i

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

上一篇：文字模糊特效

下一篇：运用Windows XP附带的Msicuu.exe、Msizap.exe来彻底卸载顽固程序

广告商业广告，理性选择

网站首页

网络编程

数据库

操作系统

平面设计

网站运营

网络安全

电脑相关

手机学院

通用的javascript　换行色换列色的小js

相关推荐

文章分类

热门关键词

热门文章

最新更新

通用的javascript 换行色换列色的小js

相关推荐

文章分类

热门关键词

热门文章

最新更新

通用的javascript　换行色换列色的小js