在制作網站的時候,通常我們要在網頁上加上很多的動畫效果,無論這些頁面的動畫效果是通過css控制還是通過js控制的,在需要在制作網頁的時候都規定一個動畫執行的時間。在網頁中,一定的動畫效果就能使用戶覺得這個這個網站是活的一樣,但是在網頁動畫效果中需要嚴格的控制動畫執行的時間,以及兩個動畫執行的間隔。合適的動畫時間會使客戶感覺到愉悅,過渡的動畫執行時間會使客戶感覺到繁瑣。就好比我們在走路的時候,每一步的時間都是一定的,雖然根據每個人的不同但是,每兩步之間需要用的時間都是在一個范圍之內的。如果你走一步路需要0.5秒的時間,現在讓你走一步路用完1秒的時間,你可能覺得沒有什么,只是你的步子慢下來了而已,那如果讓你走一步路花費一分鐘的時間呢是不是很怪異?相當于給你正常走一步路放慢了120倍,你自己覺得別扭,看的人也覺得別扭,還看的比較急躁,最后索性不看了。其實網頁中的動畫也是一個道理,控制動畫執行的時間就是要讓一個動畫合理的展示在用戶的眼前,太慢了的話會讓人覺得這個動畫是一卡一卡的,不懂的人還以為是網頁加載慢的緣故,其實不然,只是你動畫執行的時間太長了。因為你所規定的動畫執行總時間瀏覽器是按照動畫執行一個像素一個像素分配下去的,而一般的電腦顯示器的刷新率是13毫秒。執行時間過長的話就會出現讓人覺得卡頓的情況。有的人說動畫執行的時間長了不行,那我動畫執行時間短點或者不要過度動畫了可以吧?動畫時間執行過短和不要執行動畫一種給人很快速的感覺,一種是很突然的感覺。動畫執行時間過短的話會讓用戶感覺到看不清楚。達不到動畫所能給予客戶體驗度的大效果。而取消過度動畫直接一步到位的話,又給用戶一種很突然的感覺。在瀏覽網頁的時候使人感覺很粗糙,現在的人審美度都比較的高,所以這種粗糙的網頁會大大的降低體驗度,而影響到客戶對這個公司的一印象。通常情況下,一個動畫的執行時間不能超過0.5秒,具體時間根據具體情況而定。一般情況下我們所使用的下拉菜單是根據css來控制的,使用css中的過度動畫屬性可以自動產生下拉菜單的過度動畫,通常都是勻速的動畫。然而你也可以通過css3新增的屬性來根據自己的需要創建一個動畫,動畫怎樣執行和執行時間的長短都是可以由您自己控制的。在js中,要規定一個動畫的執行一般都會使用到計時器,也就是說js的動畫其實也就是計時回調的過程。因為一般情況下電腦屏幕的刷新時間是13ms所以一般情況下時間參數我寫的也是13ms,雖然現在有一些專業的電腦屏幕刷新時間會壓縮的更短,但是我覺得如果再比13ms短的話人的眼睛也是看不過來的還會影響計算機的性能。js中想要控制動畫是怎么執行的,那么就得自己寫函數來執行動畫在某一時間的執行情況了,如果不會寫的話可以嘗試使用jq中已經封裝好的動畫,只需要在后面寫入動畫執行的名稱就可以了。以上就是頁面上的動畫的執行時間的推薦了。
網頁名稱:網站制作時動畫效果的時間該怎么控制
文章來源:http://m.newbst.com/news8/54858.html
網站建設、網絡推廣公司-創新互聯,是專注品牌與效果的網站制作,網絡營銷seo公司;服務項目有網站制作等
廣告
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源:
創新互聯