[問題] 對於用js做小動畫的疑問
剛開始接觸一點jQuery
之前一直在找怎樣用js做一些簡單的動態效果
主要有一些像是
怎樣持續執行同一個動作
跟控制動作開始執行的時間的問題
從別人的例子看到好像是用 window.setTimeout() 來做
這是我嘗試做的一個雲在飄的動態效果
http://desbear.ctzbook.com/cloud/
看起來好像就是會動了
但是有一些問題
三朵雲CPU使用率就飆高了
放這這頁不管..大概20分鐘左右瀏覽器會當掉...(測試每個瀏覽器都是)
所以我的寫法是不是大大有問題...
另外有做一個更多物件的
但是其實問題都一樣
另外就是IE7.8對於png只要有透明度就是會有黑色背景的狀況有解嗎？
還有setTimeout的毫秒數設定是不是因為jQuery我設定跑的時間很長
也會影響要出場的setTimeout的時間
我另外設定一些jQuery裡面動畫時間較短的出場時間都設的好長時間才正確
最後就是 比如說
$('.cloud2').animate({left:"500px"},{queue:false,duration:36000})
.animate({opacity: "0.7"},2000);
queue:false 讓後面一個動作能同時執行
但是如果我又設定一個 .animate({opacity: "0"},2000);
希望他在前一個跑的動畫結束後執行讓雲消失
可是運作起來
他是沒有管第一個跑的動作執行完
就會跟著前一個透明度執行完直接開始執行嗎?
如果我先執行透明度淡入再開始移動再做淡出雖然就正常了
但是這時候對雲做的上下運動就只動了一次就結束了
雖然我之後想要做看看怎樣能飄到一邊再飄回來左右飄動(用改變box的寬度移動嗎?)
但是想說先解決以上的問題
可能問題很蠢但是麻煩幫我解惑一下
感謝各位
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 220.136.178.30
討論串 (同標題文章)
以下文章回應了本文：
完整討論串 (本文為第 1 之 4 篇)：