【问题标题】:Animated text fade in fade out动画文本淡入淡出
【发布时间】:2015-03-30 19:22:55
【问题描述】:

我有一个 div,它有两个文本,即 Text1 和 Text2。当站点加载时,Text1 应该淡出并且应该显示 Text2。类似于自动关闭的模态弹出窗口。

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

我已经 google 了 3 个小时,任何人都可以建议我如何实施或任何插件可以实现这一点吗?我正在使用引导程序。我还需要让它工作到 IE 7

更新:我提供了一个小解决方案http://codepen.io/anon/pen/RNdYqbm,一旦他的问题得到解决,将向其中添加 css 动画。我需要帮助,一旦第一个文本消失,第二个文本应该保留?任何机构都可以解决这个问题。

【问题讨论】:

  • 我有一个布局,但我正在寻找一种方法来实现它。有什么建议吗?
  • 有像fadeIn()fadeOut()这样的jquery函数,你可以在$(document).ready() function上使用
  • Do you really need ie7 support?。作为旁注:bootstrap doesn't even support ie7在 Windows 上,我们支持 Internet Explorer 8-11。下面提供了更具体的支持信息。

标签: javascript jquery html css


【解决方案1】:

如果你想要基于 css3 的动画,有很多框架,但在我看来,你可以在这里看到 animate.css 以供参考。

很遗憾,我不认为基于css3的动画可以在IE7中运行

【讨论】:

猜你喜欢
  • 2012-08-14
  • 2020-01-06
  • 2014-01-20
  • 2012-12-18
  • 1970-01-01
  • 1970-01-01
  • 2019-02-11
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多