首页 Front End DeveloperCSS3梅花飘落

CSS3梅花飘落

寒冬来临,为了应景,我在博客右侧放了一朵梅花, 光有梅花, 不见飘雪,如何是好。

于是有了博客右侧的东东, 不过只支持Webkit、Firefox、Opera

主要参考了:Fall leaves,加了firefox和opera的支持,具体的代码下载附件:Fall leaves.zip

Update:2012-12-15
因为很多不知道怎么使用, 我就修改了下js, 简化使用:

  • 1.将leaves.js leaves.css images文件夹 放在同一目录下;
  • 2.在头部或者底部引入leaves.css;
  • 3.在底部引入leaves.js

leaves.js我重新修改过, 提供两个参数:num, id

  • 1.num 为梅花数量;
  • 2.id 位包含梅花的div的id;

修改办法如下: new FallingLeaves(15, “domid”); 要说一下的是修改了数量, 图片也要对应的增加.

下载地址: http://runjs.cn/detail/nbtltftx