Question

我想要旋转2张图像

我正在使用jQuery rotate，它可以在任何现代浏览器中正常工作，并且根据其文档适用于IE 6 +

LINK TO PLUGIN：Plugin

我的问题是在IE＆lt; 9，我只能在一个页面上旋转1张图像，如果我再试一次它们就不能正常工作（第一个按照预期动画，然后当第二个它们的时间都断开时）

任何想法或这是一个已知问题？

JS：

$circle_50.rotate({
    angle: 0,
    animateTo:180,
    duration:400,
    center:["100%","50%"],
    easing:linear
});

setTimeout(function(){
    $circle_50_100.rotate({
        angle: 0,
        animateTo:deg - 180,
        duration:400,
        center:["0%","50%"],
        easing:linear
    });
},400);

HTML：

<div id="percent-complete-circle-wrap">
    <img id="percent-50" src="/images/cand-percent-low.jpg" />
    <img id="percent-50-100" src="/images/cand-percent-low.jpg" />
</div>

CSS：

#percent-50,
#percent-50-100{
    display:block;
    position: absolute;
    top:0px;
    height:100px;
    width:50px;
}

#percent-50{
    left:0px;
    z-index:3;
}

#percent-50-100{
    right:0px;
    z-index:1;
}

#percent-complete-circle-wrap{
    position:relative;
    margin:0 auto 20px auto;
    width:100px;
    height:100px;
    overflow:hidden;
}

jquery rotate仅适用于IE7中的1个图像

0 个答案: