@ 2008.09.22 , 10:44
11

CSS 进阶:数据图表的实现方式

还记得改版之前的 google analysis 是什么样的吗?那些图表都是 css 生成而非现在的全 flash 样式。用 flash 开发的确漂亮,不过修改或者再改版就挺麻烦了。相信 diy 爱好者、不折腾会死星人、模板修改强迫症患者更愿意用 css 来实现这些很高级的图形。

具体实现方法请点原文并浏览其中的实例,查看 demo 的 css 你就能举一反三。说实话之前我知道 css 高手是可以完全用 html 网页的排版完全实现 word 的功能,没想到 excel 表格都能用 css 来做。digg link

贴几个图诱惑你们:
CSS 进阶:数据图表的实现方式

CSS 进阶:数据图表的实现方式

CSS 进阶:数据图表的实现方式

CSS 进阶:数据图表的实现方式

0.0
赞一个 (0)

TOTAL COMMENTS: 11+1

  1. 171674

    以为是用CSS写的颜色渐变,结果还是用的背景图片,有点失望的说。

    OO [0] XX [0]
  2. 公主猫
    @8 years ago
    171676

    抢地板!!!!!!!!!

    OO [0] XX [0]
  3. 耗子小三
    @8 years ago
    171679

    很好,今天正好要赶一份调查报告~~~借鉴了~~

    OO [0] XX [0]
  4. 171683

    同一楼

    OO [0] XX [0]
  5. 171692

    @maco: 改用图片的时候用图片啊,如果这么一个微不足道的地方都要css实现是不是有过了

    OO [0] XX [0]
  6. 171766

    CSS渐变 也可以代替图片部分
    但是好像不是特别地有必要

    OO [0] XX [0]
  7. chumsdock
    @8 years ago
    171774

    能画画的css叫svg

    OO [0] XX [0]
  8. 171792

    技术的应用是考验想象力的…

    OO [0] XX [0]
  9. 老时
    @8 years ago
    171829

    都是学问啊

    OO [0] XX [0]
  10. 172413

    好东西,强烈收藏之

    OO [0] XX [0]
  11. 村姑
    @8 years ago
    173282

    这玩意儿还是相当牛叉滴!!!!
    摘个果子回去,研究研究。。。。。

    OO [0] XX [0]

发表评论


24H最赞