纯JavaScript li文本滑块

我正在寻找一个只支持JavaScript的css滑块。我以前的一个网站使用jQuery，但遗憾的是，当我在网站上使用jQuery时，我的网站没有真正的功能，滑块在iframe中，现在我希望我的网站没有框架（它们会减慢网站的速度）

在jQuery中，我的上一个示例如下所示：

我的代码如下所示：

<ul>
  <li>Hallo</li>
  <li>Some more fading text</li>
  <li>Add as many as you like</li>
</ul>

哈罗
还有一些褪色的文字
你想加多少就加多少

我想让它完全相同，但只使用JavaScript

---

有人知道这样的网站吗？谷歌上的滑块几乎都使用jquery..

普通Javascript滑块。非常适合您的用例。我希望有帮助。 试试这个

标记：

<p>1</p>
<p>2</p>
<p>3</p>

JS:

var电流=0，
幻灯片=document.getElementsByTagName（“p”）；
setInterval（函数（）{
对于（变量i=0；i

---

你好，这是一个不错的插件，但我实际上在寻找一个简单的纯Javascript脚本：）它是纯js。不，jQuery。我们在这里说的有多简单？没错，但我的意思是像一个10/15行代码的脚本。我们会做到的。谢谢你的意见！很好，不错！谢谢分享。有没有办法让它和李一起工作？我的主和救世主。谢谢你，丹尼尔！

p {
  position: absolute;
  transition: opacity .5s ease-in;
}

p + p { opacity: 0; }

var current = 0,
    slides = document.getElementsByTagName("p");

setInterval(function() {
  for (var i = 0; i < slides.length; i++) {
    slides[i].style.opacity = 0;
  }
  current = (current != slides.length - 1) ? current + 1 : 0;
  slides[current].style.opacity = 1;
}, 1000);