VPF::движение объекта вокруг курсора мыши

titanrem

Дата 10.6.2009, 19:44 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 68
Регистрация: 1.10.2008

Репутация: нет
Всего: нет

необходимо, чтобы span двигался вокруг текущего положения курсора мыши.
Вот код, но почему-то координата у неправильная. ПОМОГИТЕ!!!

Код


<body onload="move()" onmousemove="mouse()">
    <span id="elemToMove"  style="position: absolute; left: 0; top: 0;color:Navy;font-size:10em;">.</span>

    <script type="text/javascript">
     
        var R = 30,               // радиус окружности 
            a = 0,                // угол (в радианах) 
            da = 3*Math.PI/180,x=0,y=0;
     function mouse()
     {
        x=event.clientX;
        y=event.clientY;
     }
     function move()
    {       
        var  delay = 30;           
        setInterval ("moveElem()", delay);
     }      
        function moveElem() {
            document.getElementById("elemToMove").style.pixelLeft = x+R*Math.cos(a);
            document.getElementById("elemToMove").style.pixelTop  = y+R*Math.sin(a);    
            a+=da;
        }
    </script>
    </body>

titanrem

Дата 11.6.2009, 16:20 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 68
Регистрация: 1.10.2008

Репутация: нет
Всего: нет

Неужели никто не может помочь?

ksnk

Дата 11.6.2009, 19:47 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386

titanrem, Дело, наверное, в том, что точка, размером font-size:10em; занимает довольно много места. Вот верхняя-левая точка этого места и крутится вокруг курсора.

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »