Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript]FADE w JS
RoysoN
post
Post #1





Grupa: Zarejestrowani
Postów: 52
Pomógł: 0
Dołączył: 3.12.2009

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

Witam! Zrobiłem coś takiego:
[HTML] pobierz, plaintext 
  1. <html>
  2.  
  3.   <head>
  4.  
  5.   </head>
  6.  
  7.   <body>
  8. 		<script>
  9. 		function In() {
  10. 			for (i=0; i<255; i++)
  11. 			setTimeout("document.body.style.color = 'rgb(0,10,"+i+")'", i+100);
  12. 			document.body.style.color = 'rgb(0,10,255)';
  13. 			}
  14.  
  15. 			function Out()
  16. 			{
  17. 			var p;
  18. 			for (u=0; u<255; u++)
  19. 			p = u - 255;
  20. 			setTimeout("document.body.style.color = 'rgb(0,10,"+p+")'", u+200);
  21. 			}
  22. 		</script>
  23.  
  24. 		<p OnMouseOver="In()"  OnMouseOut="Out()"><font size=90>tekst</font></p>
  25.  
  26.  
  27.  
  28.   </body>
  29.  
  30. </html>
[HTML] pobierz, plaintext

Lecz po najechaniu tekst zamiast płynnie się zmieniać po prostu wariuje. Ktoś ma jakiś pomysł na to?


--------------------
Sztachnij sę zioom, muza spoko;]
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 2)
Rid
post
Post #2





Grupa: Zarejestrowani
Postów: 715
Pomógł: 47
Dołączył: 5.12.2010

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

Pierwszy raz widzę twór +i+,ale człowiek się uczy:
Nie wiem,może się przyda ale znalazłem skrypt jechany na kolorach,może się tam Panu coś przyda:
http://www.botzilla.com/blog/archives/ChartThrob.jsx
Go to the top of the page
+Quote Post
maviozo
post
Post #3





Grupa: Zarejestrowani
Postów: 197
Pomógł: 24
Dołączył: 22.11.2010

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

Polub jQuery, który ma takie funkcje gotowe, lub jest szalenie wygodniej zrobić taką własną.

Wzór +i+ to konkatenacja łańcucha tekstowego i to jest w porządku.

Możliwe że skrypt wariuje, bo jak najeżdżasz i się poruszasz myszką, to nie przerywasz poprzedniej animacji. Dlatego spróbuj dodać przed funkcją

Kod
timer=0;


potem w obu funkcjach:
Kod
clearTimeout(timer);
timer=setTimeout(...);

co pozwoli Ci za każdym razem przerwać poprzednią niekompletną animację i uruchomić następną. W obecnej formie one się nakładają na siebie.
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: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

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

RSS Aktualny czas: 21.08.2025 - 04:46
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn