怎麼製作讀取的動畫

怎麼製作讀取的動畫 2014-03-30 20:36

小弟用PHOTOSHOP CS6作網頁
在點選網頁後想要有一個網頁讀取的動作
就是
一開網頁，中間下面會有一個長條
然後從0跑到100
然後跑到100時
自動進入我網頁的首頁
類似這樣的
請問這樣該怎麼作呢??

Re: 怎麼製作讀取的動畫 2014-04-03 13:43

這個通常會用 Javascript 寫

舉例，你可用 PACE 這個現成的 JS + CSS 組合來達成 Progress Bar
=> http://github.hubspot.com/pace/docs/welcome/
=> 你進去就可看到進度條 loading

從使用者體驗來看：
如果你的網站很大、要 loading 很久，
就通常會配合 ajax onload 類似的東西，「頁面分部分」loading
否則加上這個效果，通常只會讓頁面載入時間更長。
________________

美術插畫設計案子報價系統 v0.1 Beta
爪哇禾雀

怎麼製作讀取的動畫 (adsbygoogle = window.adsbygoogle || []).push({});

怎麼製作讀取的動畫