使文本由字母

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