Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JavaScript][HTML] Podążanie za kursorem, How it's made? ;)
zavada
post 5.12.2009, 14:19:47
Post #1





Grupa: Zarejestrowani
Postów: 68
Pomógł: 6
Dołączył: 15.06.2009
Skąd: Kraków

Ostrzeżenie: (0%)
-----

Hej winksmiley.jpg Mam pewien skrypt do wykonania, i tylko trochę wiem, jak się do niego zabrać, więc piszę tutaj.
W pliku HTML mam: 
[HTML] pobierz, plaintext 
  1. <img src="statek.png" id="statek" style="position: absolute; left: 20px; top: 20px;">
[HTML] pobierz, plaintext

Skrypcik ma pobierać pozycję myszki i statku, i płynnie przesuwać statek w stronę myszki; gdy położenie myszki zmienia się, cel statku też się zmienia. Dwie rzeczy, które wiem: 1 to to, że do takiego płynnego przesuwania jest potrzebne window.setTimeout, a 2 - że pozycję ustala się w CSS za pomocą position; absolute; left: Xpx; right: Xpx;

Bardzo proszę o pomoc, ponieważ jest mi to bardzo potrzebne winksmiley.jpg

Ten post edytował zavada 5.12.2009, 14:20:28
Go to the top of the page
+Quote Post
Victor152
post 5.12.2009, 14:22:33
Post #2





Grupa: Zarejestrowani
Postów: 105
Pomógł: 3
Dołączył: 26.02.2008

Ostrzeżenie: (0%)
----- 

[JAVASCRIPT] pobierz, plaintext 
  1. function getPosition(e) {
  2.     e = e || window.event;
  3.     var cursor = {x:0, y:0};
  4.     if (e.pageX || e.pageY) {
  5.         cursor.x = e.pageX;
  6.         cursor.y = e.pageY;
  7.     } 
  8.     else {
  9.         var de = document.documentElement;
  10.         var b = document.body;
  11.         cursor.x = e.clientX + 
  12.             (de.scrollLeft || b.scrollLeft) - (de.clientLeft || 0);
  13.         cursor.y = e.clientY + 
  14.             (de.scrollTop || b.scrollTop) - (de.clientTop || 0);
  15.     }
  16.     return cursor;
  17. }
[JAVASCRIPT] pobierz, plaintext


Ustaw funkcję setinterval, żeby zmieniała pozycję cursora.

Zrób też diva z z-index dużym, zeby miec warstwe na wierzchu i position: absolute, no odpowiednio to, co zwróci Ci funckja zmieniaj pozycje statku.

Ten post edytował Victor152 5.12.2009, 14:23:18
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 18.07.2025 - 15:28
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn