最新下载
梦幻水族馆
少女前线
星之翼
小花仙精灵乐园
餐厅萌物语
山河旅探
恋与制作人
最强大脑3
异尘:达米拉
少年西游记2
24小时阅读排行榜
- 1 JavaScript 中的作用域和提升 - 全面解释
- 2 ZB交易所软件渠道官网入口
- 3 ZB交易所官方网址在哪里
- 4 Cobo冷钱包官方怎么下载使用步骤
- 5 WebSockets, Socket.IO, and Real-Time Communication with Node.js
- 6 ZB交易所官网下载地址分享
- 7 用 Java 构建旋转排序数组搜索:了解枢轴搜索和二分搜索
- 8 CI/CD 入门:自动化第一个管道的初学者指南(使用 Jenkins)
- 9 联想表示,其新款Legion游戏平板电脑可以在不同游戏中提供稳定的FPS
- 10 Garmin 发布 Fenix 8 智能手表首个测试版更新,包含九项新功能
- 11 JSX(JavaScript XML)
- 12 怎么把IDAX(爱达克斯)交易所的币放到钱包里面教程
- 13 来自阳光的燃料:第一座工业太阳能燃料工厂可以改变交通运输
- 14 JSX (JavaScript XML)
- 15 适用于卡西欧手表的 Sensor Watch Pro 可破解 ARM 微控制器现已众筹
最新教程
-
- 国外Web开发全栈课程全集
- 1419 2024-04-24
-
- Go语言实战之 GraphQL
- 1704 2024-04-19
-
- 550W粉丝大佬手把手从零学JavaScript
- 3120 2024-04-18
-
- python大神Mosh,零基础小白6小时完全入门
- 2643 2024-04-10
-
- MySQL 初学入门(mosh老师)
- 1586 2024-04-07
-
- Mock.js | Axios.js | Json | Ajax--十天精品课堂
- 2423 2024-03-29
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});
};