Forum PHP.pl > [jQuery] FadeIn nie działa wobec tła.

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [jQuery] FadeIn nie działa wobec tła.

Dominator

30.01.2012, 22:14:07

Hello

Gdy klikam przycisk "z" to pojawia się ukryty tekst i gdy klikam ukryty tekst (który się pojawi po przyciśnięciu "z") to on w ciągu 3000ms znika. Problem jest w tym, że chciałbym aby tło stopniowo zmieniało swój kolor, lecz tło zmieni kolor dopiero, gdy ukryty tekst się schowa. Chcę zrobić tak, że jak kliknę na ukryty tekst to tło stopniowo zmieni swój kolor.

Co jest źle ?

[PHP] pobierz, plaintext 
<!DOCTYPE html>
<html>
<head>
  <style>
  z { color:white; cursor:pointer; font: Comic Sans MS; font-size: 30px; }
  body { background: black; text-align: center; }
  p { font-size:75px;; cursor:pointer; color:white; display:none; }
  </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
	<z>Wywolaj</z>
  <p>
  Jak widzisz ten tekst, to znaczy ze skrypt jest poprawnie wykonany.
  </p>
<script>
  $("z").click(function () {
  $("p").fadeIn(2000);
  });
  $("p").click(function () {
  $("p").fadeOut(3000, function () {
  $("body").fadeIn(1200, function () {
  $(this).css('background', 'yellow');
  });
  });
  });
  </script>
 
</body>
</html>
[PHP] pobierz, plaintext

ActivePlayer

30.01.2012, 22:53:59

uzyj jquery animate zamiast fadeOut.

erix

31.01.2012, 12:37:25

A to nie wymaga dodatkowego plugina? Z tego, co pamiętam, to trzeba było.

maviozo

31.01.2012, 13:39:41

Sprawdź plugin jquery do animacji kolorów, to może pomóc. Zresztą powinni to dodać do core jquery.

erix

31.01.2012, 13:49:21

O właśnie, o to mi chodziło.

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.