褪色和重新出現在Javascript中的文本集合

如何編寫一個閃爍的文本數組（這裏是單詞）的Javascript？我對JavaScript很陌生。我有5個字符串數組，我希望這些按順序閃爍和淡入淡出。如果最後一個到達，它將從頭開始。我並不是真的在尋找尖銳的消失並出現，而是像消息公告那樣緩慢而重新出現。褪色和重新出現在Javascript中的文本集合

- "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); 
    }

來源

2012-11-11 iefpw

看看jQuery;函數.fadeIn（），.fadeOut（）會幫助你。由於你對JavaScript很陌生，我認爲你用jquery會更好，而不是用純javascript重新開始。 – frenchie

它只是在JavaScript ..或答案很好，使用Jquery？ – bipen

任何Javascript。沒關係。 – iefpw

當我開始學習JavaScript大家都喜歡學習jQuery，它使一切更簡單，我會通過相同的幫助到你這兒「學習jQuery的」。更多here

淡入是jQuery的輕鬆了很多，所以這裏是一些文檔
here 淡出也是here
。

所以有點背景。 jQuery是一個JavaScript庫，它的口號是'少寫多做'，這正是它所做的，如果不是jQuery，下面的例子會更大。 JQuery需要放置在您的網站腳本中，因爲您的JavaScript文件大部分都是這樣做的，在下面的示例中，我使用谷歌內容遞送網絡（CDN），這裏是https://developers.google.com/speed/libraries/devguide。您也可以下載並保存在您的服務器上，但如果您的服務器上的帶寬和空間有限，那麼如果您讓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>

也here是我只是用

這裏一切的例子是jsFiddler：位於Here也褪色，爲了例如呈現出jsfiddler here

來源

2012-11-11 08:12:43 ryanc1256

褪色和重新出現在Javascript中的文本集合

回答

相關問題