<script>
    $(function(){
        for (var i=0; i<$('li').length; i++) {
            $('li').eq(i).css({'transform':'rotate('+i*22.5+'deg)'});
        }
        var fresh = {
            n: 0,
            k: 0,
            key: true,
            init: function () {
                if (!this.key) {
                    return false;
                }
                this.key = !this.key;
                $('.wrap').css({display:'block'});
                this.showLi();
            },
            showLi: function () {
                var _this = this;
                setTimeout(function(){
                    if (_this.n == $('li').length) {
                        _this.Rotate();
                        return;
                    }
                    $('li').eq(_this.n).animate({opacity:1},'fast',function(){
                        _this.n++;
                        _this.showLi()
                    });
                },10);
            },
            Rotate: function () {
                var _this = this;
                $('.wrap').addClass('roll');
                setTimeout(function(){
                    $('li').animate({opacity:0});
                    _this.blink();
                },1000)
            },
            blink: function () {
                this.n = 0;
                this.next();
            },
            next: function () {
                var _this = this;
                if (_this.n == $('li').length) {
                    _this.n = 0;
                }
                setTimeout(function () {
                    _this.k++;
                    if (_this.k == 25) {
                        $('.wrap').removeClass('roll')
                                  .addClass('scale');
                    }
                    if (_this.k == 35) {
                        $('.wrap').css({display:'none'});
                        _this.styleInit();
                        return;
                    }
                    console.log(_this.k,_this.n)
                    $('li').eq(_this.n).animate({opacity:1});
                    _this.n++;
                    _this.next();
                    $('li').eq(_this.n - 8).animate({opacity:0});
                },100)
            },
            styleInit: function () {
                this.key = !this.key;
                this.n = 0;
                this.k = 0;
                // other style
                // to do ...
            }
        };
        $('button').on('click',function(){
            fresh.init();
        })
    })
</script>

能力和时间有限，大概给优化了一下。代码现在是不全的，需要你在fresh.styleInit里写上初始样式。