为什么歌剧动画这么慢?

时间:2011-09-18 10:38:16

标签: jquery performance animation opera

似乎歌剧在多个动画同时进行时效果不佳,请查看this theme我正在构建。我做了一个预加载器,将图像散布在身体外的随机位置,然后以0.1秒的间隔将每个图像动画放置到位,动画花费0.8秒。

这是我的功能:

function ea_preload_scatter() {

    if(item.length) {

        var scatter = $(window).height() + $(window).width();

        item.addClass('loading').each(function() {

            var positionX = ['','-'],
                positionY = ['','-'],
                x = Math.floor(Math.random()*2),
                y = Math.floor(Math.random()*2);

            if(positionX[x] === '-') {
                posX = -scatter;
            } else {
                posX = scatter;
            }

            if(positionY[y] === '-') {
                posY = -scatter;
            } else {
                posY = scatter;
            }                

            $('img', this).addClass('absolute').css('top',posX).css('left',posY);

        });

        $(window).load(function() {

            var i = 0,
                speed = 800;

            function ea_scatter_animate(e) {

                $('img',item.eq(e)).css({
                    zIndex: '10000'+e
                }).stop().animate({
                    top:0,
                    left:0
                }, speed, 'easeInOutExpo', function() {
                    $(this)
                        .removeClass('absolute')
                        .removeAttr('style')
                        .parent()
                        .removeClass('loading');
                });

                var t = setTimeout(function() {
                    if(e == item.length) {
                        clearTimeout(t);
                    } else {
                        ea_scatter_animate(i++);
                    }
                }, 100);

            }

            ea_scatter_animate(i);

        });

    }

}

歌剧:

Version
11.51

Build
1087

的Mac:

Platform
Mac OS X

System
10.6.8

Processor 
2.93 GHz Intel Core i7

Memory 
8GB 1333 MHz DDR3

那么我能做些什么才能让这部剧与Opera很好地合作?或者只是Opera是Opera?

0 个答案:

没有答案