首页 > 开发 > CSS > 正文

CSS表格样式:CSS JS打造可伸缩的表格

2024-07-11 08:40:26
字体:
来源:转载
供稿:网友
  应用xhtml CSS开发符合Web标准的网站,表格的用途是越来越少了。但数据显示表格有着强大的优势,并不是一味的认为,Web标准的网站就不用表格。这样的理解是片面的,表格有它的功能与优势,只是不再用表格进行布局罢了。

  我们看一个CSS JS打造可伸缩的表格的实例,在实际操作中,或许你我都会经常碰到这种形式的数据,看下面的效果图:


  点击表格右下角的小箭头图标,表格就会伸展开来,显示出表格中的数据,此时的小签头就会变成收缩的形式,再次点击,表格就会收缩起来,表格中的数据就实现了隐藏。

  这个实例需要你注重的是实现这样的效果是JS的应用的功劳,CSS只是对表格进行了相关的显示设置:

示例代码 [www.CuoXIn.com]
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表