Javascript 动画文本淡入淡出

我有一个div，它有两个文本，分别是Text1和Text2。当站点加载时，文本1应淡出，文本2应显示。类似于自动关闭的模式弹出窗口

<div class="WelcomeText">
<h1> Welome to my site</h1>
<h1>Company Name</h1>
</div>

欢迎来到我的网站
公司名称

我有谷歌3个小时，有谁能建议我如何实现或任何插件可实现这一点？我正在使用引导。我还需要使它工作到IE 7

---

更新：我已经来了一个小的解决方案，一旦他的问题是固定的，将添加css动画到它。我需要一个帮助，一旦第一个文本消失，第二个文本应该留在哪里？有人能解决这个问题吗

如果您想要基于css3的动画，有很多框架，但在我看来，您可以在这里查看以供参考

---

不幸的是，我不认为基于css3的动画可以在IE7中工作，我有一个布局，但我正在寻找一种方法来实现这一点。有什么建议吗？有一些jquery函数，如

fadeIn（）

和

fadeOut（）

，可以在

$（document）.ready（）函数中使用。作为旁注：。在Windows上，我们支持Internet Explorer 8-11。下面提供了更具体的支持信息。这在Yea中不起作用，所以我决定让它至少在IE 8上起作用，但我认为我们不能通过jquery添加像animate.css这样的效果？