当前位置: 首页 > 图文教程 > 网络编程 > Javascript > Ajax和CSS设计的表格实例

Javascript
颜色变换 像字符逐字输入的欢迎词
CSS 伪类实现的鼠标滑动图片链接
百度用到的Js日历 大家可以看看
CSS 渐变背景的6个演示代码
Jquery 弹出层插件实现代码
Javascript 模式实例 观察者模式
[原创]javascript 指定区域内图片等比例缩放实现代码 脚本之家整合版
javascript window对象属性整理
JavaScript弹簧振子超简洁版 完全符合能量守恒,胡克定理
WEB页子窗口(showModalDialog和showModelessDialog)使用说明
用JavaScript实现 铁甲无敌奖门人 “开口中”猜数游戏
理解 JavaScript 预解析
理解JavaScript变量作用域更轻松
JavaScript的变量作用域深入理解
javascript写的一个链表实现代码
Js 打字效果 逐一出现的文字
javascript 走马灯效果的链接提示
CSS 动态链接提示
JavaScript 事件的一些重要说明
JavaScript 三种不同位置代码的写法

Javascript 中的 Ajax和CSS设计的表格实例


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-13   浏览: 121 ::
收藏到网摘: n/a

#1. Tablecloth
以下内容需要回复才能看到
Tablecloth 由CSS Globe 开发,是一个轻量级的、易于使用的表格,以友好的方式将样式和行为添加到你当前的HTML 表格元素当中。






#2. Ask the CSS Guy Table

Ask the CSS Guy Table 演示了怎么样创建一个可以显示数据之间的关系的表格,例如在单击某个单元格时可以同时突出显示最顶端的行和最左边的列。





#3. A CSS styled table version 2
Veerle Duoh 为我们介绍了一种如何利用CSS 使表格更有吸引力的方法,并且在实现的过程中充分考虑了表格的可访问性。





#4. Sortable Table
Sortable Table ——演示了如何按升序或降序排列以及如何过滤显示表格中的数据。





#5. Row Locking with CSS and JavaScript
演示了如何利用Javascript 和 CSS 实现“锁定行”的效果,选中的行会一直显示高亮效果直到用户再次点击才会消失。





#6. Vertical scrolling tables
如果你有大量的数据但是没有足够大的空间来显示它,这会是一个很好的解决办法。通过CSS 固定表格的页眉和页脚,但是内容却可以滚动显示。





#7. Replicating a Tree table
利用HTML 和CSS 建立的树状表格。





#8. Collapsible tables with DOM and CSS
利用DOM 和CSS 建立的可折叠的表格效果。表格页脚部分包含的箭头有一个名为“footcollapse”的类,通过为之添加Javascript 代码可以让表格展开或折叠。





#9. TableSorter plug-in for jQuery
jQuery 定制的插件,它的主要功能包括允许多列排序,支持 元素的rowspan 和colspan 属性。






#10. Stripe your tables the OO way
利用Javascript 为指定表格中的行定义交替颜色,并添加onmouseover 和onmouseout 事件。





#11. MooTools Table Row & Column highlighting
利用MooTools 框架高亮显示鼠标悬停的单元格所在的行和列。





#12. CSS Table Gallery
又一个利用CSS 高亮显示鼠标悬停当前行时的表格效果。





#13. jQuery Table Filter
jQuery 框架开发的表格排序、过滤插件,可以通过Ctrl + 鼠标单击选择多重列。





#14. PHP Ajax Table
支持所有主流浏览器,自动填入数据,利用后台PHP / MySQL 可以实时滚动、排序、编辑、添加、过滤数据。包括默认、MS Office 2007 、 MS Office XP Excel 三种样式。






#15. SortTable
只需为你想要排序的表格添加一个名为“sortable ”的class ,就可以实现表格的排序功能。





#16. Zebra Tables
A List Apart为我们提供了一个极好的利用Javascript 和 DOM 为表格的单元格应用背景色的示例。





#17. Standardista Table Sorting
Standardista Table Sorting 是一个可以让你按照表格的任何列进行排序的Javascript 脚本。






#18. GridView3 Example
利用Ext Js 框架,功能强大的表格。





#19. Mootable
利用MooTools 框架开发的又一个可排序的表格。






#20. Drag & Drop Sortable Lists with JavaScript and CSS
利用Javascript 和 CSS 实现的可以拖曳、排序列表的效果。