使用像淡入淡出，幻灯片等效果渲染栏视图

Question

我想要一些静态页面呈现给客户端与一些幻灯片效果或可能是一个淡入淡出。 如何在渲染之前将它应用于视图？当页面内容被加载时，它很容易做到淡出。但你怎么做一个淡入淡出？

Answer 1

你是对的;不要在初始加载时使用JavaScript来使元素不可见; JavaScript将加载太晚，你会得到一些可怕的闪光。

相反，当您最初为页面提供服务时，将其渲染为使最外面的div能够隐藏（或者是透明的或任何其他类型），当您的CSS与CSS组合在一起时，显示，或不可见，或其他。 然后，使用JavaScript淡入淡出这些元素中。