javascript - 如何在 JS(类似 Bootstrap)中构建纯文本淡入/淡出轮播？

Question

我想在 this website 的标题上实现一个淡入/淡出纯文本轮播.

我看了一下代码，好像是用bootstrap做的。

因为我真的不想为此实现整个 Bootstrap ，有没有办法用几行 CSS 和 Javascript 来做类似的事情(我是 JS 的新手)？

非常感谢您的帮助

我以网站为例:

<div id="carousel_fade_intro" class="carousel slide">
                            <div class="carousel-inner">
                                <div class="active item">
                                    <h1>Multi-purpose template</h1>
                                </div>
                                <div class="item">
                                    <h1>designed for portfolio, agency</h1>
                                </div>
                                <div class="item">
                                    <h1>or landing page.</h1>
                                </div>
                                <div class="item">
                                    <h1>It's easy to customize</h1>
                                </div>
                                <div class="item">
                                    <h1>to fit any brand.</h1>
                                </div>
                            </div>
                        </div>

Answer 1

看看 jQuery 的 fadeIn 和 fadeOut 方法。

http://api.jquery.com/fadein/

您链接的示例循环切换每个元素的类，并使用 css 转换来控制淡入淡出。