3

回転中に一瞬消えるような画像がありました。この問題は IE8 に存在し、IE9 およびその他の HTML5 対応ブラウザでは問題なく動作します。jQuery ローテーション プラグインを使用しました。

HTML

<img id="obj" src="obj.png"/>

CSS

#obj {
    position:absolute;
    left: 196px;
    top: 94px
}

JS

       $("#obj").animate({
                left: 5,
                top: 232
          }, {
                duration: 700,
       });
       $("#obj").rotate({
                angle: 0,
                animateTo: -64,
                duration: 2000
       });

同じことを提案してください。

4

1 に答える 1

-1

あなたは単にこれを行うことができます

CSS:

 $("#obj").mouseenter(function(){
 $(this).css("transform","rotate(-720deg)");
 $(this).css("transition","400ms");
 $(this).css("z-index","1");
});
$("#obj").mouseleave(function(){
 $(this).css("transform","rotate(0deg)");
 $(this).css("z-index","0");
});
于 2013-05-24T07:02:32.073 に答える