Javascript 如何在li'；有疑问吗_Javascript_Jquery_Css_Jquery Cycle

Javascript 如何在li'；有疑问吗

javascript jquery css

Javascript 如何在li'；有疑问吗,javascript,jquery,css,jquery-cycle,Javascript,Jquery,Css,Jquery Cycle,我正在尝试创建一个闪烁的背景和文本效果，其中每个li都被指定了一个背景和文本的类颜色。在单击链接之前，第一个对话框id链接可见且隐藏。我已经将jquery循环插件下载到我的服务器上，并设置了html/css，但是我在隐藏li和启动循环方面遇到了麻烦当前CSS： ul li { list-style: none; } .black { background-color: #000; } .yellow { background-color: #FFFF00; } .white { backgr

我正在尝试创建一个闪烁的背景和文本效果，其中每个li都被指定了一个背景和文本的类颜色。在单击链接之前，第一个对话框id链接可见且隐藏。我已经将jquery循环插件下载到我的服务器上，并设置了html/css，但是我在隐藏li和启动循环方面遇到了麻烦

当前CSS：

ul li { list-style: none; }

.black { background-color: #000; }
.yellow { background-color: #FFFF00; }
.white { background-color: #FFF; }
.green { background-color: #7CFC00; }
.blue { background-color: #00FFFF; }
.pink { background-color: #FF00CC; }
.orange { background-color: #FF8C00; }

#visible-words {
    text-align: center; font-size: 100px;
}

当前html：

<body>
    <div id="overlay">
        <div id="dialog">
            <h1><a href="">Contains flashing images</a>.</h1>
        </div>
    </div>

    <div id="words-wrap">
        <span></span>
    </div>
    <ul id="visible-words">
        <li class="black"><span class="yellow">Flash</span></li>
        <li class="yellow"><span class="black">Flash</span></li>
        <li class="black"><span class="yellow">Flash</span></li>
        <li class="yellow"><span class="black">Flash</span></li>

        <li class="black"><span class="white">Text</span></li>
        <li class="white"><span class="black">Text</span></li>
        <li class="black"><span class="white">Text</span></li>
        <li class="white"><span class="black">Text</span></li>

        <li class="black"><span class="green">Flash</span></li>
        <li class="green"><span class="black">Flash</span></li>
        <li class="black"><span class="green">Flash</span></li>
        <li class="green"><span class="black">Flash</span></li>

        <li class="black"><span class="white">Text</span></li>
        <li class="white"><span class="black">Text</span></li>
        <li class="black"><span class="white">Text</span></li>
        <li class="white"><span class="black">Text</span></li>

        <li class="black"><span class="blue">Flash</span></li>
        <li class="blue"><span class="black">Flash</span></li>
        <li class="black"><span class="blue">Flash</span></li>
        <li class="blue"><span class="black">Flash</span></li>

        <li class="black"><span class="white">Text</span></li>
        <li class="white"><span class="black">Text</span></li>
        <li class="black"><span class="white">Text</span></li>
        <li class="white"><span class="black">Text</span></li>

        <li class="black"><span class="pink">Flash</span></li>
        <li class="pink"><span class="black">Flash</span></li>
        <li class="black"><span class="pink">Flash</span></li>
        <li class="pink"><span class="black">Flash</span></li>
</ul>


.

闪烁
闪烁
闪烁
闪烁
文本
文本
文本
文本
闪烁
闪烁
闪烁
闪烁
文本
文本
文本
文本
闪烁
闪烁
闪烁
闪烁
文本
文本
文本
文本
闪烁
闪光
闪烁
闪光

我已经搜索过类似的主题，但没有一个主题能达到我使用带有背景色的列表项的效果。如果有任何帮助，我们将不胜感激。

但为什么你如此讨厌光敏性癫痫患者。。？不过，老实说，虽然这是一个（糟糕的）笑话，但值得注意的是，闪烁的文本/背景颜色通常不被认为是“好的”或“有用的”设计决策。@DavidThomas lol谢谢你的提醒。我知道这不是一个“好”的设计决定。然而，这只是一个万圣节主题的网页动画。虽然不会持续很长时间，但我仍然对如何实现效果感兴趣：）您尝试过哪些代码？“你能发布一个JSFIDLE吗？好吧，你总是可以的。”DavidThomas我建议在我窃取它之前发布它作为一个答案。