如何在 JS 中构建纯文本淡入/淡出轮播（类似 Bootstrap）？

Question

我想在this website 的标题上实现仅淡入/淡出文本轮播。

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

由于我真的不想仅仅为此实现整个引导程序，有没有办法用几行 CSS 和 Javascript 来做类似的事情（我是 JS 的新手）？

非常感谢您的帮助

我以网站的HTML为例：

<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 转换来控制淡入淡出。