js实现翻牌效果

 



    $("#divlist li").mouseenter(

             function (){

    var num = $("div", this).attr("num");

    if (num == undefined){

    return;

    }

    var id = "div"+num;

    var objDiv = $("div", this);

    myTimer = setTimeout(function(){

    if(eval("count"+num) == 1){

    objDiv.animate({ width: "0px", left: "50px" }, 180);

    objDiv.animate({ width: "150px", left: "25px" }, 180);

    setHtml(num,objDiv.html());

    //setColor(num,$("div", this).css('background-color'));

    objDiv.html(fungunContent(getArray(id),num));

    objDiv.css('text-align', "left");

    setCount(num,0);

    }

    },400);

    }

    );

    $("#divlist li").mouseleave(

    function () {

    clearTimeout(myTimer);

    var num = $("div", this).attr("num");

    if (num == undefined){

    return;

    }

    var id = "div"+num;

    if(eval("count"+num) == 0){

    $("div", this).animate({ width: "0px", left: "50px" }, 180);

    $("div", this).animate({ width: "150px", left: "25px" }, 180);

    $("div", this).html(eval("html"+num));

    //$("div", this).css('background', eval("color"+num));

    $("div", this).css('text-align', "center");

    setCount(num,1);

    }

    }

    );



    // 添加代办模块

    function setUndoModule(){

    var vMdlNum = 0;

    var vUndoMdl = "

  • 25

    测试1

  • ";

    // 测试1

    if($!doTaskCount != -1){

    vUndoMdl += "

  • 48

    测试2

  • ";

    }

    if ($!undoPlanCount != -1){

    vUndoMdl += "

  • 36

    测试3

  • ";

    }

    if ($!undoJobCount != -1){

        vUndoMdl += "

  • 12

    测试4

  • ";

    }

    if ($!undoReceiveCount != -1){

    vUndoMdl += "

  • 45

    测试5

  • ";

    }

    if ($!undoFeedbackCount != -1){

    vUndoMdl += "

  • 34

    测试6

  • ";

    vUndoMdl += "

  • 56

    测试7

  • ";

    }

    if ($!undoAssessCount != -1){

    vUndoMdl += "

  • 12

    测试8

  • ";

    }

    if($!undoFirstAuditCount != -1){

    vUndoMdl += "

  • 58

    测试9

  • ";

    }

    vUndoMdl += "

  • 78

    测试10

  • ";

    //屏蔽收件箱

    //vUndoMdl += "

  • 收件箱

    ";

    //vUndoMdl += "

    0

  • ";

    $("#divlist").html(vUndoMdl);

    }



    // div 翻滚

    function fungunContent(array,num){

    if (array == null || array == undefined){

    return;

    }

    var content = "";

    var iSum = 0;

    //

    if (num == '6'){

    var vTSum = 0;

    for(var i=0;i

    vTSum += array[i].COUNT

    }

    content = "

    全部:"+vTSum+"

    ";

    content +="

    任务:";

    content +=vTSum;

    content += "

    ";

    return content;

    }

    for(var i=0;i

    if (array[i].TASK_SOURCE == 1){

    content +="

    测试1:";

    content +=array[i].COUNT;

    content += "

    ";

    }else if (array[i].TASK_SOURCE == 2){

    content +="

    CCS:";

    content +=array[i].COUNT;

    content += "

    ";

    }else if (array[i].TASK_SOURCE == 3){

    content +="

    测试2:";

    content +=array[i].COUNT;

    content += "

    ";

    }else if (array[i].TASK_SOURCE == 4){

    content +="

    测试3:";

    content +=array[i].COUNT;

    content += "

    ";

    }

    iSum+=array[i].COUNT;

    }

    return "

    全部:"+iSum

    +"

    "+content;

    }


你可能感兴趣的:(js)