最新下载
24小时阅读排行榜
- 1 Tiktok在线免费观看网址 Tiktok在线免费观看入口
- 2 Golang使用Chi框架简化路由管理实践
- 3 Golang容器镜像构建优化与缓存技巧
- 4 Java中抽象方法和接口方法的区别
- 5 vmware怎么安装_vmware虚拟机软件安装与配置使用教程
- 6 Python 类方法与静态方法的用法
- 7 微信朋友圈的视频怎么下载保存_微信朋友圈视频下载到本地方法
- 8 StackExchange API:高效获取问题主体内容的实用指南
- 9 win10开机chkdsk磁盘检查怎么跳过_win10跳过开机chkdsk磁盘检查的方法
- 10 PHP动态网页数据库备份恢复_PHP动态网页MySQL数据库备份教程
- 11 Java中接口的本质和使用价值
- 12 win11怎么将网络配置文件从公用更改为专用_Win11网络类型公用转专用设置方法
- 13 Postman响应JSON数据迭代与条件存储全局变量教程
- 14 Golang微服务调用链追踪与分析方法
- 15 学习通app作业提交了老师能看到吗_学习通作业提交状态与教师端视角解析
最新教程
-
- Node.js 教程
- 2640 2025-08-28
-
- CSS3 教程
- 253096 2025-08-27
-
- Rust 教程
- 3167 2025-08-27
-
- Vue 教程
- 3864 2025-08-22
-
- PostgreSQL 教程
- 4023 2025-08-21
-
- Git 教程
- 3146 2025-08-21
jQuery雪花缓慢飘落图标特效是一款html5雪花字体制作下雪天缓缓飘落各种雪花图标特效。
var fa = false;
//more layers and css blur will cause performance drop
var layer2 = new Layer(16, 6);
setInterval(layer2.addIcon, 150);
var layer1 = new Layer(32, 4);
setInterval(layer1.addIcon, 300);
function Layer(fontSize, speed){
this.addIcon = function(){
var random_icon = icons[Math.floor(Math.random()*icons.length)];
$random_x = Math.floor((Math.random() * 600) + 1);
if(fa){
var $icon = $('<i style="font-size:' + fontSize + 'px;" class="fa ' + random_icon + '" aria-hidden="true"></i>').appendTo(".scene");
}else{
var $icon = $('<i style="font-size:' + fontSize + 'px;" class="fa fa-snowflake-o" aria-hidden="true"></i>').appendTo(".scene");
}
//initial position
TweenLite.to($icon, 0, {x: $random_x, color: "#2222ff", y: -80});
//main animation
TweenLite.to($icon, speed, {color: "#ff00ff", y: 600, x: $random_x + (Math.random() * 400), opacity: 0, ease:Linear.easeNone, onComplete: deleteIcon, onCompleteParams: ["{self}"]});
//rotate animation
var rotation_speed = (Math.random() + 10);
TweenMax.to($icon, rotation_speed, {rotation: 390, ease:Linear.easeNone, repeat: -1});
};

