Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][HTML] Podążanie za kursorem
Forum PHP.pl > Forum > Przedszkole
zavada
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:
  1. <img src="statek.png" id="statek" style="position: absolute; left: 20px; top: 20px;">

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
Victor152
[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.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.