시뮬레이션 시나닷컴 웨이보의'다들 말하는'자바스크립트.

$(function(){
    /*
    * discription: doing section for li roundabout
    */
    roundabout.move(4000);


    //on over div#doing stop flash.
    roundabout.mstop('#doing');

})








 :



/*
* author: teresa  2010-12-31
* description: roundabout object
                      roundabout.move(time) : start move;
                      roundabout.stop():  stop ;
                      roundabout.mstop(obj): when mouseover obj stop roundabout & mouseout restart roundabout.
*/

var roundabout = {
    //index : 0,
    move: function(time){
        //move
        roundabout.o = $('#doing ul li');
        var height = roundabout.o.last().height();
        roundabout.inter = setInterval("roundabout_event();fade_in("+height+");",time);
    },
    stop: function(){
        //stop
        roundabout.inter = clearInterval(roundabout.inter);
    },
    mstop: function(o){
        $(o).mouseover(function(){
            roundabout.stop();
        }).mouseout(function(){
            roundabout.move(4000);
        })
    }
}

function roundabout_event(){
    var o = $('#doing ul li');
    o.last().clone(true).insertBefore(o.first());
}
function fade_in()
{
    var o = $('#doing ul li');
     //return;
    var h = o.last().height();    o.first().css({height:'0',opacity:'0',overflow:'hidden'});
    o.first().animate({height:h},1000);
    o.first().animate({opacity:'1'},500);

    o.last().detach();
}