javascript - マウスの位置に基づいて画像を回転

Question

以下のスクリプトを設定して、ページの中央にある円を回転させ、カーソルの動きに合わせます。元々はボックス内の動きを追うように作成されましたが、ページ全体の円を追うようにしようとしていますが、それを適切に行う方法がわかりません。共有できる洞察はありますか?

http://coreytegeler.com/new/

   var circle = $('#circle');
   var offset = circle.offset();

        function mouse(e) {

            var center_x = (offset.left) + ( $('#home').width() / 2 );
            var center_y = (offset.top) + ( $('#home').height() / 2 );
            var mouse_x = e.pageX; 
            var mouse_y = e.pageY;

            var radians = Math.atan2(mouse_x - center_x, mouse_y - center_y);
            var degree = (radians * (180 / Math.PI) * -1) + 180; 

            circle.css('-moz-transform', 'rotate('+degree+'deg)');
            circle.css('-webkit-transform', 'rotate('+degree+'deg)');
            circle.css('-o-transform', 'rotate('+degree+'deg)');
            circle.css('-ms-transform', 'rotate('+degree+'deg)');

        }