Question

我正在使用jQuery为网站的3个部分制作动画：http://oceanic.medialounge-dev.co.uk *那些说翻转的部分

它们在每个浏览器中工作正常，除了在IE8中它们只是奇怪地移动，具有讽刺意味的是它在IE7中运行良好不知道为什么，我使用的JS代码相当简单：

jQuery(function($){
        // Global variable so we can check if the rollover box 
        // is at the homepage or inner pages
        var innerBox = ($('.inner-content').length > 0) ? true : false;

        $('.rollover-single').hoverIntent(function(){
            var box    = $(this);

            // Move box up and increase height
            box.animate({
                'margin-top' : (innerBox) ? '-204px' : '-160px',
                'height'     : '260px' 
            });

            // Increase height of hidden content
            box.find('.rollover-content').animate({
                'height' : '204px'
            });

            // Change rollover text
            box.find('.readmore').text('READ MORE');
        }, function(){
            // Same as above but on mouseleave
            var box           = $(this);

            box.animate({
                'margin-top' : '0',
                'height'     : (innerBox) ? '56px' : '100px'
            });

            box.find('.rollover-content').animate({
                'height' : (innerBox) ? '0' : '44px'
            });

            box.find('.readmore').text('ROLL OVER');
        });
    });

innerBox变量只是为了检查我们是否在内页上，因为那里的框比较小，我也使用hoverIntent插件但是当我使用常规hover句柄时我回来了有同样的问题。任何人都可以帮助我吗？

提前致谢！

在IE8中使用jQuery动画div动画

0 个答案: