0

icloud.comのように、マウスの動きで背景が回転するクールなUIを追加したいと思います。今のところ、以下のコードを取得しました

        $("#VIEW").mousemove(function(e){
             var pageCoords = e.pageX + e.pageY;
             var max = $(document).width() + $(document).height();
                 var p = (pageCoords/max)*30;
             $('#ROTATE').css({ 'transform':'rotate(' + p + 'deg)'});
        });

問題は、これはリアルタイムの回転です。遅くしたいので、遅延を追加します

4

2 に答える 2

1

animate()を使用します。

$('#ROTATE').animate({ 'transform':'rotate(' + p + 'deg)'}, 600);
于 2013-03-29T15:30:14.350 に答える
0

このhttp://code.google.com/p/jqueryrotate/wiki/Examplesを読むことをお勧めします。画像の回転には多くの例があります。例えば ​​：

$("#img").rotate({ 
   bind: 
     { 
        mouseover : function() { 
            $(this).rotate({animateTo:180})
        },
        mouseout : function() { 
            $(this).rotate({animateTo:0})
        }
     } 
});
于 2013-03-29T15:30:41.520 に答える