最新下载
24小时阅读排行榜
- 1 C++ 怎么把float转string C++ stringstream精度控制教程【格式】
- 2 php数组怎么筛除零值和负值_php数组零负剔除筛选【步骤】
- 3 如何在Golang中实现Web请求日志记录_Golang Web日志收集方法
- 4 Golang如何打开文件进行读写_Golang文件打开与管理技巧
- 5 Python 可维护性设计原则
- 6 mysql数据库中的视图性能优化技巧
- 7 C++ string find怎么用 C++查找子串位置与npos判断【库函数】
- 8 EF Core Savepoints怎么用 EF Core事务保存点教程
- 9 如何做升级演练_mysql升级测试方法
- 10 解决XML映射过程中的内存溢出问题
- 11 C# app.config文件怎么读写 .NET应用程序配置XML文件操作
- 12 php实时输出log文件能看吗_php实时输出日志监控【步骤】
- 13 ASP.NET Core SignalR怎么用 SignalR实时通信入门教程
- 14 mysql搭建简易评论系统的数据库设计与实现
- 15 php数组怎么筛选多维数组列_php多维数组列筛选技巧【步骤】
最新教程
-
- Node.js 教程
- 16165 2025-08-28
-
- CSS3 教程
- 1546673 2025-08-27
-
- Rust 教程
- 23300 2025-08-27
-
- Vue 教程
- 25763 2025-08-22
-
- PostgreSQL 教程
- 22245 2025-08-21
-
- Git 教程
- 9227 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});
};
相关推荐
3D立体水晶雪花晃动带圆球气泡飘落js特效动画
原生js实现喜庆背景带炫酷雪花飘落动画特效代码
热门下载
canvas音谱可视化mp3音乐播放器代码
