1

如何编写闪烁文本数组（在本例中为单词）的 Javascript？我对 Javascript 很陌生。我有 5 个字符串数组，我希望它们按顺序闪烁和淡出。如果最后一个到达，它将从头开始。我并不是真的在寻找急剧消失和出现，而是一种逐渐消失和重新出现的机制，如新闻公告。

- "Car"
- "Dog"
- "Sky"
- "Building"

car - <fade> - <appear> - dog - <fade> - <appear> - sky  ... etc.

如果有人提供链接或实际代码，我愿意快速接受答案并给你积分。

它是这样完成的：

    var array = ["Hello", "World"]
    var len = array.length
    for (var i = 0; i < array.length; i++) {
        var interval = loopVerySlowly(array, i);
    }

    function loopVerySlowly(array, index) {
        function doSomething() {
            var _content = document.getElementById("hello");

            _content.innerHTML = array[index];

            index = (index + 1) % array.length; // increment for next time
        }

        return setInterval(doSomething, 1000 * 5);
    }
4

1 回答 1

0

当我开始学习 javascript 时，每个人都喜欢学习 jQuery，它让一切变得更容易，我会将同样的帮助传递给你“学习 jQuery”。更多在这里

淡入淡出在 jquery 中要容易得多，所以这里有一些文档
， 淡出也在这里
。

所以有点背景。jQuery 是一个 javascript 库，它的口号是“少写多做”这正是它所做的，如果不是 jQuery，下面的示例会大得多。JQuery 需要像您的大多数 javascript 文件一样放置在您的网站脚本中，在下面的示例中，我使用谷歌内容交付网络 (CDN)，它位于https://developers.google.com/speed/libraries/devguide . 您也可以下载它并将其保存在您的服务器上，但如果您的服务器上的带宽和空间有限，那么让谷歌托管它可能会更好。

举个例子

    <html>
      <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script type="text/javascript">
     $(document).ready(function(){
       $(".fadein").click(function(){
            $(".fade").fadein('slow');
        });
        $(".fadeout").click(function(){
            $(".fade").fadeOut('slow');
        });
    });

</script>

      </head>
      <body>
        <div class="fade" style="background: black; width: 300px; height: 300px;position: absolute"><p> I can fadein</p></div>
        <button class="fadein">fadein<button
        <button class="fadeout">fadeout</button>



      </body>
    </html>

这也是我刚刚使用的所有内容的示例

这里是一个 jsFiddler：位于Here还有一个 jsfiddler 用于淡入淡出和按顺序显示这里的例子

于 2012-11-11T08:12:43.400 回答