zoukankan
html css js c++ java
变色表格
<
html
>
<
head
>
<
title
>
变色表格
</
title
>
<
script
language
="JavaScript"
>
function
anole (
str_tableid,
//
table id
num_header_offset,
//
表头行数
str_odd_color,
//
奇数行的颜色
str_even_color,
//
偶数行的颜色
str_mover_color,
//
鼠标经过行的颜色
str_onclick_color
//
选中行的颜色
)
{
//
表格ID参数验证
if
(
!
str_tableid)
return
alert (str_tableid
+
"
表格不存在!
"
);
var
obj_tables
=
(document.all
?
document.all[str_tableid] :
document.getElementById(str_tableid));
if
(
!
obj_tables)
return
alert (
"
ID为 (
"
+
str_tableid
+
"
)不存在!
"
);
//
设置个参数的缺省值
var
col_config
=
[];
col_config.header_offset
=
(num_header_offset
?
num_header_offset :
0
);
col_config.odd_color
=
(str_odd_color
?
str_odd_color : '#ffffff');
col_config.even_color
=
(str_even_color
?
str_even_color : '#dbeaf5');
col_config.mover_color
=
(str_mover_color
?
str_mover_color : '#6699cc');
col_config.onclick_color
=
(str_onclick_color
?
str_onclick_color : '#4C7DAB');
//
初始化表格(可能多个表格用同一个ID)
if
(obj_tables.length)
for
(
var
i
=
0
; i
<
obj_tables.length; i
++
)
tt_init_table(obj_tables[i], col_config);
else
tt_init_table(obj_tables, col_config);
}
function
tt_init_table (obj_table, col_config)
{
var
col_lconfig
=
[],
col_trs
=
obj_table.rows;
if
(
!
col_trs)
return
;
for
(
var
i
=
col_config.header_offset; i
<
col_trs.length ; i
++
)
{
//
i 从 表头以下开
始
col_trs[i].config
=
col_config;
col_trs[i].lconfig
=
col_lconfig;
col_trs[i].set_color
=
tt_set_color;
col_trs[i].onmouseover
=
tt_mover;
col_trs[i].onmouseout
=
tt_mout;
col_trs[i].onmousedown
=
tt_onclick;
col_trs[i].order
=
(i
-
col_config.header_offset)
%
2
;
col_trs[i].onmouseout();
}
}
function
tt_set_color(str_color)
{
this
.style.backgroundColor
=
str_color;
}
//
事件操作
function
tt_mover ()
{
if
(
this
.lconfig.clicked
!=
this
)
this
.set_color(
this
.config.mover_color);
}
function
tt_mout ()
{
if
(
this
.lconfig.clicked
!=
this
)
this
.set_color(
this
.order
?
this
.config.odd_color :
this
.config.even_color);
}
function
tt_onclick ()
{
if
(
this
.lconfig.clicked
==
this
)
{
this
.lconfig.clicked
=
null
;
this
.onmouseover();
}
else
{
var
last_clicked
=
this
.lconfig.clicked;
this
.lconfig.clicked
=
this
;
if
(last_clicked) last_clicked.onmouseout();
this
.set_color(
this
.config.onclick_color);
}
}
</
script
>
</
head
>
<
body
>
<
table
id
="demo"
cellpadding
=0
cellspacing
=0
style
="border:1px solid #ccc"
align
="center"
>
<
tr
>
<
td
style
="600px; height:20px;"
></
td
>
</
tr
>
<
tr
>
<
td
style
="600px; height:20px;"
></
td
>
</
tr
>
<
tr
>
<
td
style
="600px; height:20px;"
></
td
>
</
tr
>
<
tr
>
<
td
style
="600px; height:20px;"
></
td
>
</
tr
>
<
tr
>
<
td
style
="600px; height:20px;"
></
td
>
</
tr
>
<
tr
>
<
td
style
="600px; height:20px;"
></
td
>
</
tr
>
<
tr
>
<
td
style
="600px; height:20px;"
></
td
>
</
tr
>
<
tr
>
<
td
style
="600px; height:20px;"
></
td
>
</
tr
>
<
tr
>
<
td
style
="600px; height:20px;"
></
td
>
</
tr
>
<
tr
>
<
td
style
="600px; height:20px;"
></
td
>
</
tr
>
</
table
>
<
script
language
="JavaScript"
>
anole('demo',
0
, '#ffffff', '#f6f6f6', '#f0f0f0', '#cc99ff');
</
script
>
</
body
>
</
html
>
以上JS代码来自互联网,出处忘了
查看全文
相关阅读:
滤镜
android 判断网络是否断开
U5
android 界面跳转
光影魔术手 图片压缩
服务器绑定 独立ip
Java 开源 SOCKET 框架
spring aop ehcache
呼叫中心
华丽字体
原文地址:https://www.cnblogs.com/yiki/p/872289.html
最新文章
超强文本编辑器SciTE配置方法详细实例
HOWTO:Basic MSI工程中,如何让默认Complete安装类型不包括部分Feature
HOWTO:如何让安装包每次执行都是安装
HOWTO:在Basic MSI工程中添加自定义安装界面
HOWTO:在安装包运行时指定Component的安装路径(续) MSI
多语言安装包中,多国语言选择下拉菜单内容自定义
HOWTO:安装完成后刷新Windows桌面
HOWTO:在安装包运行时指定Component的安装路径
如何选择InstallShield工程类型
HOWTO:去除安装界面左下角的InstallShield标识(Basic MSI)
热门文章
HOWTO:修改或删除产品在系统注册表中的安装信息
HOWTO:如何在Redistributables视图中显示所有的水晶报表(Crystal Reports)Merge Module
HOWTO:如果检测用户是从系统的“添加/删除”中卸载软件
Microsoft宣称Visual Studio Installer将退役
HOWTO:如何在InstallScript脚本中完成DLL, OCX的注册
HOWTO:将应用程序安装到指定路径
netmeeting 人数限止
vista 效果
简单的java socket 服务器端
ehcache 官网下载页面
Copyright © 2011-2022 走看看