最新下載
夢幻水族館
少女前線
星之翼
小花仙精靈樂園
餐廳萌物語
山河旅探
戀與製作人
最強腦3
異塵:達米拉
少年西遊記2
24小時閱讀排行榜
- 1 閒魚個人尺寸怎麼設定 閒魚個人尺寸怎麼修改
- 2 戰士模擬器代碼(2024 年 6 月)
- 3 如何在 Palworld 前往櫻島
- 4 掌握 Synthetix 空投索賠:專業提示
- 5 PPT插入圖片自動壓縮怎麼辦? PPT設定插入圖片不自動壓縮方法
- 6 小米手機影片畫中畫功能怎麼開啟
- 7 七貓小說怎麼解綁微信帳號 七貓小說解綁微信帳號方法
- 8 58同城app怎麼找家事工作 58同城查看家事工作方法
- 9 優酷會員過期下載的影片還可以看嗎 優酷會員過期已快取的還能看嗎
- 10 如何選擇一台優質的冰箱(關鍵要素和購買建議)
- 11 創造吧我們的星球基因獲取途徑介紹
- 12 Aave 透過潛在的 Lido 聯盟整合瞄準 DeFi 主導地位
- 13 比特幣礦工馬拉松數字飆升 13%,此前該公司透露已經開採了價值 1,600 萬美元的 Kaspa (KAS) 代幣
- 14 VanEck:我們為什麼要申請 SOL ETF?
- 15 儘管加密貨幣經歷了動蕩的一周,Tron (TRX) 和 Rollblock (RBLK) 仍保持綠色
最新教學
-
- 國外Web開發全端課程全集
- 492 2024-04-24
-
- Go語言實戰之 GraphQL
- 831 2024-04-19
-
- 550W粉絲大佬手把手從零學JavaScript
- 2224 2024-04-18
-
- python大神Mosh,零基礎小白6小時完全入門
- 1729 2024-04-10
-
- MySQL 初學入門(mosh老師)
- 845 2024-04-07
-
- Mock.js | Axios.js | Json | Ajax--十天精品課堂
- 1753 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});
};