Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [AJAX] Problem z własną funkcją
Cooper1
post 7.02.2012, 14:24:39
Post #1





Grupa: Zarejestrowani
Postów: 5
Pomógł: 0
Dołączył: 31.05.2011

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


Witajcie,

Jak poniżej zapewne widać, nie mam doświadczenia w tworzeniu funkcji i trudno mi wychwycić błąd, który blokuje uzyskanie oczekiwanego efektu.
Celem funkcji jest przemieszczanie elementu w prawo/lewo/górę/dół w zależności od ruchów myszą.
Przypuszczam, że problem dotyczy wiersza 18, gdzie nie mogę się odwołać do elementu.


  1. $.fn.moof = function()
  2. {
  3. var mouseX = 0, mouseY = 0;
  4. var xp = 0, yp = 0;
  5. var fo = $(this).position();
  6.  
  7. $(document).mousemove(function(e){
  8. mouseX = e.pageX;
  9. mouseY = e.pageY;
  10. });
  11.  
  12. var loop = function(){
  13. var fox = fo.left;
  14. var foy = fo.top;
  15. xp = fox - (mouseX - xp) / 100;
  16. yp = foy - (mouseY - yp) / 100;
  17. $(this).css({left: xp + 'px', top: yp + 'px'});
  18. }
  19. setInterval(loop,30);
  20. }
  21.  
  22. $('.cytryna').moof();
Go to the top of the page
+Quote Post
wookieb
post 7.02.2012, 14:37:20
Post #2





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk




[JAVASCRIPT] pobierz, plaintext
  1. var here = this;
  2. var loop = function(){
  3. var fox = fo.left;
  4. var foy = fo.top;
  5. xp = fox - (mouseX - xp) / 100;
  6. yp = foy - (mouseY - yp) / 100;
  7. $(here).css({left: xp + 'px', top: yp + 'px'});
  8. }
[JAVASCRIPT] pobierz, plaintext


--------------------
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 6.07.2025 - 22:28