Javascript 实现一系列屏幕的最佳方式是什么？

我想创建一系列屏幕，点击当前屏幕时会出现一个新屏幕。屏幕信息将具有不同的尺寸，单击时应淡入/淡出。我不需要滑块。因此，顺序如下：

显示文本

淡出文本，不透明度为0；以完全不透明度显示图像

将图像淡出为0.3不透明度，并在顶部显示新文本

完全淡出文本并以不透明度1.0显示新图像

等

我可以想到的一种方法是使用jqueryanimate遍历屏幕，并使用计数器变量跟踪当前屏幕

---

你能推荐一个更好的设计吗？假设我已经充分解释了我的要求。

@Peilonrayz明白了。已删除链接。到目前为止您尝试了什么？你的源内容是什么样子的；您是否已经为所有要排序的内容提供了HTML元素？或者您正在使用某种表示（XML或JSON）来迭代并生成标记？我还没有真正尝试过任何东西。我的想法是使用jqueryanimate在屏幕上进行迭代，我正准备为此开始编码。我在HTML中定义了一些元素，但不是全部，我在以前的项目中使用了animate方法。因为我对web开发还不熟悉，所以我试图获得另一种观点。