Question

这个动画在Firefox中运行良好，但是在IE中它会在你第一次悬停在div上时运行动画的第一部分，而第二次悬停在动画的第二部分。我需要一切同时运行。

有什么想法吗？

$(document).ready(function() {

$("#test1").hover(

    function() {
        $(this).animate({
            width: "599px",
            left: "0px",
            height: "168px",
            //backgroundColor: "#d7df23",
            opacity: 0.95,
            borderWidth: "0px"
        }, 100).css("z-index", "10");
        $(this).find(".thumb").animate({
            width: "150px",
            height: "150px",
            marginTop: "8px",
            marginRight: "0px",
            marginBottom: "0px",
            marginLeft: "12px",
           borderColor: "#FFF"
        }, 100).attr('src','images/home/animatedMenu/brochureRequestIMG.jpg');

    }, function() {

});

});

Answer 1

得到了答案......

$(document).ready(function() {

$("#test1").hover(

    function() {
        $(this).animate({
            width: "599px",
            left: "0px",
            height: "168px",
            opacity: 0.95
        }, 100).css("z-index", "10");
        $(this).find(".thumb").animate({
            width: "150px",
            height: "150px",
            marginTop: "8px",
            marginRight: "0px",
            marginBottom: "0px",
            marginLeft: "12px"
        }, 100).attr('src','images/home/animatedMenu/brochureRequestIMG.jpg');

    }, function() {

});

});

问题在于边框样式......它们在IE中打破了它。

jquery animate在IE中表现不同

1 个答案: