今天要介紹的是一款基於HTML5和CSS3的進度條應用，這款進度條是靜態的，僅提供進度條的五彩外觀。當然你可以在CSS中動態設置進度值來讓其變得動態，一個很好的實現方式是利用jQuery動態改變CSS中的進度值，讓進度條實時動起來。具體效果大家可以看演示。 你也可以在這里查看在線演示 接下 ...

上節主要做了動畫的實現，感覺還是比較有意思的。游戲的性能好不好，重繪應該比較重要吧，菜鳥瞎想了下 呵呵。本節就要做對泡泡的操作，上節后面提到了點擊泡泡后泡泡要做出閃動響應，那我們我們如何獲得被點擊了哪個泡泡呢？其實Canvas也是html的一個元素而已，所以我們可以給Canvas加click事件 ...

　　上節中講了如何尋路，在和朋友們討論時都反應有時走的不太對，繞遠路了，其實代碼主要是大方向的判斷 比如目標在右上，那應該是先右還是先上 這個並沒有做處理，如果這個做了處理，效果會更好一些，但也難免 ...

今天整理的這個動畫估計大家都不會陌生，彩環旋轉，看過之后是不是覺得很熟悉，對，這個就是優酷視頻APP里面的加載動畫。本人空余時間喜歡看些視頻，留意到這個動畫后就想用代碼實現出來，今天整理了下，跟大家分享，如果有大牛能提出更好的實現方法，歡迎補充。案例請在chrome中查看。 這個動畫的實現 ...

上次簡單的介紹了下如何用代碼實現菊花旋轉的加載動畫，動畫點擊，這次繼續我們的動畫系列，實現另外一種加載動畫，圓環旋轉。與上次不同的是，菊花旋轉是通過改變元素透明度來實現動畫，這次因為考慮到元素疊加，加上元素本身帶有背景色，如果改變透明度會影響效果，所以直接改變元素的背景顏色，加上適當的延時，就可以 ...

說到Loading加載動畫，大家再熟悉不過了，目前主要有三種形式： 1.條狀加載進度條動畫。 2.圓形或者環形加載動畫。 3.個性化的加載動畫。 通過這三種方式，可以變化出 各種好看的加載動畫，特別是第三種方式。至於如何創建這些加載動畫，目前主要可以通過靜態圖片 ...

其實我想做的是加載進度條效果，但是假的進度條太爛，真的又沒有特別好的辦法，判斷圖片這種總感覺比較漏。 這是代碼，有完美解決方案了解決。 ...

如題，使用canvas實現如圖效果，該效果用於手機端，也可以用於支持canvas的PC瀏覽器 實現思想：在畫布上畫多重扇圓進行顏色疊加，最后在頂層加上一個白色並且半徑最小的圓覆蓋，使視覺上形成一個圓環。　　　　　第一層是一個灰色的全圓　　　　　第二層是從12點鍾方向順時針開始畫的紅色扇圓 ...