網(wǎng)站制作時(shí)動(dòng)畫(huà)效果的時(shí)間該怎么控制

在制作網(wǎng)站的時(shí)候，通常我們要在網(wǎng)頁(yè)上加上很多的動(dòng)畫(huà)效果，無(wú)論這些頁(yè)面的動(dòng)畫(huà)效果是通過(guò)css控制還是通過(guò)js控制的，在需要在制作網(wǎng)頁(yè)的時(shí)候都規(guī)定一個(gè)動(dòng)畫(huà)執(zhí)行的時(shí)間。在網(wǎng)頁(yè)中，一定的動(dòng)畫(huà)效果就能使用戶覺(jué)得這個(gè)這個(gè)網(wǎng)站是活的一樣，但是在網(wǎng)頁(yè)動(dòng)畫(huà)效果中需要嚴(yán)格的控制動(dòng)畫(huà)執(zhí)行的時(shí)間，以及兩個(gè)動(dòng)畫(huà)執(zhí)行的間隔。合適的動(dòng)畫(huà)時(shí)間會(huì)使客戶感覺(jué)到愉悅，過(guò)渡的動(dòng)畫(huà)執(zhí)行時(shí)間會(huì)使客戶感覺(jué)到繁瑣。就好比我們?cè)谧呗返臅r(shí)候，每一步的時(shí)間都是一定的，雖然根據(jù)每個(gè)人的不同但是，每?jī)刹街g需要用的時(shí)間都是在一個(gè)范圍之內(nèi)的。如果你走一步路需要0.5秒的時(shí)間，現(xiàn)在讓你走一步路用完1秒的時(shí)間，你可能覺(jué)得沒(méi)有什么，只是你的步子慢下來(lái)了而已，那如果讓你走一步路花費(fèi)一分鐘的時(shí)間呢是不是很怪異？相當(dāng)于給你正常走一步路放慢了120倍，你自己覺(jué)得別扭，看的人也覺(jué)得別扭，還看的比較急躁，最后索性不看了。其實(shí)網(wǎng)頁(yè)中的動(dòng)畫(huà)也是一個(gè)道理，控制動(dòng)畫(huà)執(zhí)行的時(shí)間就是要讓一個(gè)動(dòng)畫(huà)合理的展示在用戶的眼前，太慢了的話會(huì)讓人覺(jué)得這個(gè)動(dòng)畫(huà)是一卡一卡的，不懂的人還以為是網(wǎng)頁(yè)加載慢的緣故，其實(shí)不然，只是你動(dòng)畫(huà)執(zhí)行的時(shí)間太長(zhǎng)了。因?yàn)槟闼?guī)定的動(dòng)畫(huà)執(zhí)行總時(shí)間瀏覽器是按照動(dòng)畫(huà)執(zhí)行一個(gè)像素一個(gè)像素分配下去的，而一般的電腦顯示器的刷新率是13毫秒。執(zhí)行時(shí)間過(guò)長(zhǎng)的話就會(huì)出現(xiàn)讓人覺(jué)得卡頓的情況。有的人說(shuō)動(dòng)畫(huà)執(zhí)行的時(shí)間長(zhǎng)了不行，那我動(dòng)畫(huà)執(zhí)行時(shí)間短點(diǎn)或者不要過(guò)度動(dòng)畫(huà)了可以吧？動(dòng)畫(huà)時(shí)間執(zhí)行過(guò)短和不要執(zhí)行動(dòng)畫(huà)一種給人很快速的感覺(jué)，一種是很突然的感覺(jué)。動(dòng)畫(huà)執(zhí)行時(shí)間過(guò)短的話會(huì)讓用戶感覺(jué)到看不清楚。達(dá)不到動(dòng)畫(huà)所能給予客戶體驗(yàn)度的大效果。而取消過(guò)度動(dòng)畫(huà)直接一步到位的話，又給用戶一種很突然的感覺(jué)。在瀏覽網(wǎng)頁(yè)的時(shí)候使人感覺(jué)很粗糙，現(xiàn)在的人審美度都比較的高，所以這種粗糙的網(wǎng)頁(yè)會(huì)大大的降低體驗(yàn)度，而影響到客戶對(duì)這個(gè)公司的一印象。通常情況下，一個(gè)動(dòng)畫(huà)的執(zhí)行時(shí)間不能超過(guò)0.5秒，具體時(shí)間根據(jù)具體情況而定。一般情況下我們所使用的下拉菜單是根據(jù)css來(lái)控制的，使用css中的過(guò)度動(dòng)畫(huà)屬性可以自動(dòng)產(chǎn)生下拉菜單的過(guò)度動(dòng)畫(huà)，通常都是勻速的動(dòng)畫(huà)。然而你也可以通過(guò)css3新增的屬性來(lái)根據(jù)自己的需要?jiǎng)?chuàng)建一個(gè)動(dòng)畫(huà)，動(dòng)畫(huà)怎樣執(zhí)行和執(zhí)行時(shí)間的長(zhǎng)短都是可以由您自己控制的。在js中，要規(guī)定一個(gè)動(dòng)畫(huà)的執(zhí)行一般都會(huì)使用到計(jì)時(shí)器，也就是說(shuō)js的動(dòng)畫(huà)其實(shí)也就是計(jì)時(shí)回調(diào)的過(guò)程。因?yàn)橐话闱闆r下電腦屏幕的刷新時(shí)間是13ms所以一般情況下時(shí)間參數(shù)我寫(xiě)的也是13ms，雖然現(xiàn)在有一些專(zhuān)業(yè)的電腦屏幕刷新時(shí)間會(huì)壓縮的更短，但是我覺(jué)得如果再比13ms短的話人的眼睛也是看不過(guò)來(lái)的還會(huì)影響計(jì)算機(jī)的性能。js中想要控制動(dòng)畫(huà)是怎么執(zhí)行的，那么就得自己寫(xiě)函數(shù)來(lái)執(zhí)行動(dòng)畫(huà)在某一時(shí)間的執(zhí)行情況了，如果不會(huì)寫(xiě)的話可以嘗試使用jq中已經(jīng)封裝好的動(dòng)畫(huà)，只需要在后面寫(xiě)入動(dòng)畫(huà)執(zhí)行的名稱就可以了。以上就是頁(yè)面上的動(dòng)畫(huà)的執(zhí)行時(shí)間的推薦了。

分享題目：網(wǎng)站制作時(shí)動(dòng)畫(huà)效果的時(shí)間該怎么控制
新聞來(lái)源：http://www.muchs.cn/news/54858.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專(zhuān)注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司；服務(wù)項(xiàng)目有網(wǎng)站制作等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)