jq动画诗书动态显示

HTML部分

题

    

完

    

赠饮天下人

    

尽倾江海里

    

足以慰风尘

    

我有一壶酒

JQ部分

$("#open").click(function(){

    //自定义动画

    $(".word").fadeIn(1000);

    //左四

    $(".text:last").animate({

    opacity: 1,

    fontSize: "40px"

    },1000,function(){

    $(this).animate({

    'fontSize': "30px",

     },800,function(){$(this).addClass("cc");})

    //左三

    $(".text:eq(2)").animate({

    opacity: 1,

    fontSize: "40px"

    },1000,function(){

    $(this).animate({

    fontSize: "30px"

    },800,function(){$(this).addClass("cc");})

    //左二

        $(".text:eq(1)").animate({

            opacity: 1,

            fontSize: "40px"

            },1000,function(){

                $(this).animate({

                fontSize: "30px"

                },800,function(){$(this).addClass("cc");})

                //左一

                $(".text:first").animate({

                opacity: 1,

                fontSize: "40px"

                },1000,function(){

                $(this).animate({

                fontSize: "30px"

            },800,function(){$(this).addClass("cc");})

            //完结

            $(".over").slideDown(1500);

            })

            })

            })

        $(this).parent().prev().css("color","red")

    })

})