收集的一个表格特效的JS代码，非常实用-51ktv-ChinaUnix博客

手机平板在线看片-69AVi.com

首页　| 　博文目录　| 　关于我

51ktv

博客访问： 1165488
博文数量： 1310
博客积分： 3980
博客等级：中校
技术积分： 8005
用户组：普通用户
注册时间： 2008-05-09 22:05

文章分类

全部博文（1310）

在线视频（1）
公务员考试（35）
游戏世家（19）
网络赚钱（88）

SEO网站优化（82）
数据库（43）

oracle（24）

mysql（6）
虚拟机技术（0）

qemu（0）

vmware（0）
电信（41）
生活方式（8）

音乐（8）
程序人生（432）

java（32）

vb（19）

perl（71）

xml（135）

php（20）

asp（19）
软件（33）
股票（59）
unix系统（123）

fodora（0）

slackware（0）

linux（90）

unix（12）

opensuse（13）
网络安全（23）
网络小说（2）

盗墓笔记（2）

七界传说（0）
网络电视（2）

在线观看（0）
网络教程（4）

xsl教程（4）
免费资源（314）
未分配的博文（83）

文章存档

2011年（1）

2008年（1309）

我的朋友

最近访客

推荐博文

收集的一个表格特效的JS代码，非常实用

分类：

2008-11-09 17:40:22

很好用的一个效果，有时间研究下

<html>

<head>

<title>mytable</title>

// src="anole.js"

// about this: javapig修改 源自 忘了。

// Date: 2006-04-29

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>

<tr>

<td>

<tr><th colspan="2" bgcolor="ffffff">HTML document object properties</th></tr>

<tr><td width="20%">activeElement</td><td>Retrieves the object that has the focus.</td></tr>

<tr><td>aLinkColor</td><td>Sets or retrieves the color of all links in the document.</td></tr>

<tr><td>bgColor</td><td>Sets or retrieves the background color behe document object.</td></tr>

<tr><td>body</td><td>Specifies the beginning and end of the document body.</td></tr>

<tr><td>contentEditable</td><td>Sets or retrieves whether the userdocument object.</td></tr>

<tr><td>cookie</td><td>Sets or retrieves the string value of a cookie.</td></tr>

<tr><td>defaultCharset</td><td>Sets or retrieves the default chara of the document.</td></tr>

<tr><td>designMode</td><td>Sets or retrieves whether the document can be edited.</td></tr>

<tr><td>documentElement</td><td>Retrieves a reference to the root node of the document.</td></tr>

<tr><td>domain</td><td>Sets or retrieves the security domain of the document.</td></tr>

</table>

</td>

</tr>

</table>

anole('demo',1,'#ffffff','#ccccff','#ffccff','#cc99ff');

</script>

</html>

Yemoo'S JS Blog 2006-06-16 18:41 发表评论

阅读(186) | 评论(0) | 转发(0) |

上一篇：在线编辑器核心技术代码

下一篇：javascript小技巧[来源自ttyp的blog]

给主人留下些什么吧！~~

感谢所有关心和支持过ChinaUnix的朋友们

16024965号-6