怎麼製作讀取的動畫

人氣點閱:7613
發表人
怎麼製作讀取的動畫 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
爪哇禾雀