如何使用打字机插件显示多个<div>?</div>

时间:2013-03-07 18:41:29

标签: javascript jquery html plugins

我有一个像这样的同一个类的div div:

div class="test"

我正在使用jquerytypewriter来显示效果文本。 我的问题是当div结束它的隐藏时以及div以jquerytypewriter效应开始之后我怎么能

我的身体代码是:

<div class="test">aaaaaaaaaaaaaaaaaaaaaa</div>
<div class="test">bbbbbbbbbbbbbbbbbbbbbbbb</div>
 <div class="test">ccccccccccccccccccccccc</div>
 <div class="test">dddddddddddddddddddddddd</div>

我的js代码是:

$(document).ready(function(){

m();
function m(){
    //alert($('.test').length);
    for(var i=0; i<$('.test').length ; i++){
$('.test').eq(i).typewrite({delay:20, extra_char : "_" , trim : true,callback : function(){
    $('.test').eq(i).hide(800);
    $('.test').eq(i).next().show(1000);

    }});

}
});

我怎样才能在div上逐一应用这个效果..?

1 个答案:

答案 0 :(得分:0)

$(document).ready(function(){
var i = 0;
var x = $('.test').length;
m();
function m(){
    //alert($('.test').length);

    //for(var i=0; i<$('.test').length ; i++){  

    if(x>0)
$('.test').eq(i).typewrite({delay:20, extra_char : "" , trim : true,callback :setTimeout(function(){
    $('.test').eq(i).hide(1);
    i++;
    if(i==$('.test').length){i=0}
    m();
    },3000)});



    //}
}

});