使用像淡入淡出，幻燈片等效果渲染欄視圖

Question

我想要一些靜態頁面呈現給客戶端與一些幻燈片效果或可能是一個淡入淡出。 如何在渲染之前將它應用於視圖？當頁面內容被加載時，它很容易做到淡出。但你怎麼做一個淡入淡出？

Answer 1

你是對的;不要在初始加載時使用JavaScript來使元素不可見; JavaScript將加載太晚，你會得到一些可怕的閃光。

相反，當您最初爲頁面提供服務時，將其渲染爲使最外面的div能夠隱藏（或者是透明的或任何其他類型），當您的CSS與CSS組合在一起時，顯示，或不可見，或其他。 然後，使用JavaScript淡入淡出這些元素中。