1

我正在使用 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句柄时，我遇到了同样的问题。谁能帮我？

提前致谢！

4

0 回答 0