snowfall.jquery.js实现樱花飘落效果
前几天圣诞节玩了把雪花飘落的jquery插件
结果一不小心又想搞个樱花飘落效果。。。不幸晚睡————猝
献上jquery雪花插件snowfall.jquery.js
该插件的参数有:
- flakeCount|number 雪花数量
- flakeColor|#RGB 雪花颜色
- flakeIndex|??? 不清楚
- minSize|number 雪花最小体积
- maxSize|number 雪花最大体积
- minSpeed|number 雪花最小速度
- maxSpeed|number 雪花最大速度
- round|boolean true雪花圆形|false方形(笑哭)
- shadow|boolean true雪花有阴影|false无阴影
- image|url 雪花图片
使用demo
//css部分
1 | <style> |
//js部分
1 | <script> |
飘落的时候添加了css的3D翻转效果,使之更加逼真
图片是用ps一个一个扣下来的。扣好发现jpg格式不能带透明度,然后又心酸的重新扣png格式的。。。
希望这篇文章能给你带来知识和乐趣,喜欢博主的文章可以加博主好友哦
有好的文章也可以向博主投稿哦
您的喜欢是作者写作最大的动力
QQ群和公众号
hexo折腾-系列文章:
给博客添加个人域名
给hexo的jsimple主题添加代码高亮
给博客添加网易云跟帖评论
给博客添加https支持
博客添加gitment评论
给博客添加APlayer音乐播放器^-^
hexo 使用说明
Lozad.js学习使用
snowfall.jquery.js实现樱花飘落效果
Hexo博客备份—妈妈再也不用担心你使用hexo写博客
github博客迁移至coding并提交百度收录
博客小人
live2d-看板娘小埋
使用disqus评论
anime.js实现logo动画
OwO-可爱的js表情符号插件
给博客添加图集展示
评论系统之来必力
添加系列文章功能
给Hexo博客添加Mathjax数学公式支持
给博客添加上一篇下一篇功能
给博客添加文章目录
hexo评论系统之valine快速使用
快速开发属于自己的APP-FusionApp
miccall主题及html5up站点推荐
CSS+SVG路径描边特效
网页看板娘-Live2d蕾姆
还没好图床的小伙伴看过来,微博是个好图床!