A JavaScript Fancier
伟大的javascript技术研究中...
IT博客
::
首页
::
新随笔
::
联系
::
聚合
::
管理
::
304 随笔 :: 0 文章 :: 479 评论 :: 0 Trackbacks
<
2006年6月
>
日
一
二
三
四
五
六
28
29
30
31
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
1
2
3
4
5
6
7
8
公告
本blog为作者本人学习JS脚本所用,未经特别声明,本站所有文章均属作者本人原创,请转载时注明来源!谢谢合作!同时希望与各位javascript爱好者交流学习。MSN:yanwei8410@hotmail.com
常用链接
我的随笔
我的评论
我参与的随笔
留言簿
(26)
给我留言
查看公开留言
查看私人留言
随笔分类
__非技术文章__(24)
(rss)
DHTML相关技术(2)
(rss)
HTML/XHTML/CSS(37)
(rss)
javascript个人作品(37)
(rss)
javascript代码收藏(22)
(rss)
javascript代码研究(18)
(rss)
javascript技巧总结(72)
(rss)
javascript语法基础(20)
(rss)
Js框架组件(33)
(rss)
Web2.0相关内容(11)
(rss)
Web开发相关知识(28)
(rss)
其它技术文章(3)
(rss)
动态网页编程技术(4)
(rss)
正则表达式专题(10)
(rss)
随笔档案
2008年7月 (7)
2008年6月 (14)
2008年5月 (15)
2008年4月 (4)
2008年3月 (5)
2008年1月 (7)
2007年12月 (10)
2007年11月 (22)
2007年10月 (27)
2007年9月 (16)
2007年8月 (1)
2007年7月 (8)
2007年6月 (5)
2007年5月 (12)
2007年4月 (16)
2007年3月 (3)
2007年2月 (5)
2007年1月 (22)
2006年12月 (11)
2006年11月 (4)
2006年10月 (2)
2006年9月 (6)
2006年8月 (4)
2006年7月 (17)
2006年6月 (61)
Ajax技术站点
AJAX Matters
Ajaxian(国外)
AjaxPatterns Wiki
AJAX中国
Ajax中国-李琨老师的blog
笑笑设计(Ajax高人Blog)
javascript学习站点
javascript论坛
JSVM官方站点
无忧脚本
正则表达式库
JS高人Blog
LlinZzi's Blog
宝玉的blog
西林@生存
Ruby&&Ajax框架
Ajax效果框架
Bindows官方站
JSLinb(Ajax框架)
RubyonRail
rubyonrails
Ruby官方站
类C++的js框架
Web技术站点
CoolCode.CN
HTML5时代
专注于html5/css3及mobile开发的博客
IECN社区
Ugia.Cn
WEB2.0技术博客
(rss)
Web服务_TechTarget
蓝色理想
搜索
积分与排名
积分 - 879166
排名 - 2
最新评论
1. re: 利用arguments.callee实现匿名函数的递归
http://uedbet-getafe.weebly.com
--匿名函数
2. re: 解决Ext2.0中ComboBox执行Filter第一次无效的问题
评论内容较长,点击标题查看
--学习着
3. re: 有关window.undefined=window.undefined写法的理解(Ext2学习总结)
1
--1
4. re: EXT Ajax访问url返回405错误的解决办法
果然是requestMethod:'GET' 的问题。哈哈
--倔强的土豆
5. re: CSS中table-layout属性的作用及使用详解
vnbg
--左支座
阅读排行榜
1. document.getElementById()方法简写【js技巧】(58678)
2. 推荐一个IE下的优秀js调试工具(Companion.JS)(42450)
3. 关于JavaScript中apply与call的用法意义及区别(41831)
4. 转换字符串为json对象的方法 (19260)
5. JS中的instanceof和typeof (19110)
评论排行榜
1. XHTML1.0学习总结(30)
2. 关于JavaScript中apply与call的用法意义及区别(28)
3. [推荐]收藏的国内外网站设计资源【摘自http://adobeplus.blog.sohu.com】(26)
4. 一个正则实现文本框中只能输入数字和小数点(20)
5. Mastering JavaScript — concept and resource guide(20)
收集的一个表格特效的JS代码,非常实用
很好用的一个效果,有时间研究下
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>mytable</title> <script language="JavaScript"> // 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> <table bgcolor="#9933ff" align="center" cellpadding="1" cellspacing="0" width="80%"> <tr> <td> <table id="demo" cellpadding="1" cellspacing="1" border="0" width="100%" align="center"> <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> <script language="JavaScript"> anole('demo',1,'#ffffff','#ccccff','#ffccff','#cc99ff'); </script> </body> </html>
posted on 2006-06-16 18:41
Yemoo'S JS Blog
阅读(2165)
评论(1)
编辑
收藏
引用
所属分类:
javascript代码收藏
评论
#
re: 收集的一个表格特效的JS代码,非常实用
2007-04-02 20:47
tfp
兄弟,能不能把这段代码里table的ID去掉,实现效果呀?
回复
更多评论
刷新评论列表
只有注册用户
登录
后才能发表评论。
Powered by:
IT博客
Copyright © Yemoo'S JS Blog