Javascript中文本集的淡出和再现_Javascript_Html_Css

Javascript中文本集的淡出和再现

javascript html css

Javascript中文本集的淡出和再现,javascript,html,css,Javascript,Html,Css,如何编写一个Javascript来闪烁一系列文本（在本例中为单词）？我对Javascript非常陌生。我有5个字符串数组，我希望它们按顺序闪烁和褪色。如果最后一个到达，它将从头开始。我不是真的在寻找急剧的消失和出现，而是一种逐渐消失和重新出现的机制，就像新闻公告一样 - "Car" - "Dog" - "Sky" - "Building" car - <fade> - <appear> - dog - <fade> - <appear> - sk

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

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

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

-“汽车”
-“狗”
-“天空”
-“建筑”
汽车---狗---天空。。。等

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

是这样做的：

var数组=[“你好”，“世界”]
var len=array.length
对于（var i=0；i


当我开始学习javascript时，每个人都像学习jQuery一样，这使一切变得更加容易，我将把同样的帮助传递给您“学习jQuery”。更多
fadein在jquery中容易得多，所以这里有一些文档


衰减也是

所以有点背景。
jQuery是一个javascript库，它的口号是“少写多做”，这正是它所做的，如果没有jQuery，下面的例子会大得多。JQuery需要像大多数javascript文件一样放在您的网站脚本中，在下面我使用的示例中
谷歌内容交付网络（CDN）就在这里。您也可以下载它并将其保存在您的服务器上，但如果您的服务器上的带宽和空间有限，那么如果您让google托管它可能会更好
比如说
    <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>


$（文档）.ready（函数（）{
$（“.fadein”）。单击（函数（）{
$（“.fade”）.fadein（'slow'）；
});
$（“.fadeout”）。单击（函数（）{
$（“.fade”）.fadeOut（'slow'）；
});
});
我会发疯
fadeinlook进入jquery；函数.fadeIn（），.fadeOut（）将帮助您。由于您对javascript非常陌生，我认为您最好使用jquery，而不是用纯javascript重新发明轮子。。或者使用Jquery？？任何Javascript都可以回答。没关系。
    <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>