Forum PHP.pl > [JavaScript]FADE w JS

Pomoc - Szukaj - Użytkownicy - Kalendarz

RoysoN

20.05.2011, 21:27:16

Witam! Zrobiłem coś takiego:

[HTML] pobierz, plaintext 
<html>
 
  <head>
 
  </head>
 
  <body>
		<script>
		function In() {
			for (i=0; i<255; i++)
			setTimeout("document.body.style.color = 'rgb(0,10,"+i+")'", i+100);
			document.body.style.color = 'rgb(0,10,255)';
			}
 
			function Out()
			{
			var p;
			for (u=0; u<255; u++)
			p = u - 255;
			setTimeout("document.body.style.color = 'rgb(0,10,"+p+")'", u+200);
			}
		</script>
 
		<p OnMouseOver="In()"  OnMouseOut="Out()"><font size=90>tekst</font></p>
 
 
 
  </body>
 
</html>
[HTML] pobierz, plaintext

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

Rid

20.05.2011, 21:42:05

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

maviozo

21.05.2011, 12:19:18

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.

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.