使文本由字母

Question

消失信我是新來的JavaScript和jQuery開發和我想問的是使HTML文本慢慢消失通過使用JavaScript信信的最簡單的方法是什麼？

謝謝。

Answer 1

因爲我更加好奇了，我想我創建的確切一個你正在尋找，

DEMO：http://jsfiddle.net/DbknZ/3/

$(function() { 
    var $test = $('#test'); 
    var initText = $.trim($test.text()), ptr = 0; 
    var timer = setInterval(function() { 
    var ln = $.trim($test.find('.trans').text().length); 
    if (ln == initText.length) { 
     $test.empty(); 
     clearInterval(timer); 
    } 

    $('#test').html(function() {  

     return $('<span>').addClass('removeMe') 
      .html(initText.substring(ptr++ , ptr)) 
      .before($('<span>').addClass('trans'). 
        html(initText.substring(0 , ptr-1))) 
      .after(initText.substring(ptr)); 
    }).find('span.removeMe').animate({'opacity': 0}, 10); 

    }, 20); 
}); 

---

我剛剛好奇，寫了一你..這小東西可以成爲首發..

基本上它是一個計時器，由字母去掉字母..見下文。

DEMO：http://jsfiddle.net/TTv7L/1/

HTML：

<div id="test"> 
    This is a test page to demonstrate text disapper letter by letter 
</div> 

JS：

$(function() { 
    var $test = $('#test'); 
    var timer = setInterval(function() { 
     var ln = $test.text().length; 
     if (ln == 0) clearInterval(timer); 

     $('#test').text(function (i, v) { 
      return v.substring(1); 
     }); 
    }, 100); 
});