2011-07-15 69 views
0

我在我的網站上使用jQuery和AJAX。我的AJAX回覆是代表文章繼續的文本。我讀過jQuery的動畫中有一個STEP函數,但我不知道如何使用它將字符逐字符追加到DIV元素。 請幫幫我。使用.animate()添加文本字符jQuery

在此先感謝。 :D

回答

7

試試這個。

var someajaxtext = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras interdum sem sit amet magna convallis sed ullamcorper mi commodo.'; 
$('button').click(function() { 
    var dv = $('#mydiv'); 
    dv.text(""); 
    jQuery({ 
     count: 0 
    }).animate({ 
     count: someajaxtext.length 
    }, { 
     duration: 1500, 
     step: function() { 
      dv.text(someajaxtext.substring(0, Math.round(this.count))); 
     } 
    }); 
}); 

演示在這裏:http://jsfiddle.net/naveen/evVMw/

P.S:根據需要更改時間。