如何在JS（Bootstrap-like）中构建纯文本的fadein / fadeout轮播？

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过渡来控制淡入淡出。