2011-07-15 11 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:あなたが望むように期間を変更します。

関連する問題