Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [jQuery] FadeIn nie działa wobec tła.
Dominator
post
Post #1





Grupa: Zarejestrowani
Postów: 565
Pomógł: 15
Dołączył: 11.10.2010

Ostrzeżenie: (20%)
X----


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 ?

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <style>
  5. z { color:white; cursor:pointer; font: Comic Sans MS; font-size: 30px; }
  6. body { background: black; text-align: center; }
  7. p { font-size:75px;; cursor:pointer; color:white; display:none; }
  8. </style>
  9. <script src="http://code.jquery.com/jquery-latest.js"></script>
  10. </head>
  11. <body>
  12. <z>Wywolaj</z>
  13. <p>
  14. Jak widzisz ten tekst, to znaczy ze skrypt jest poprawnie wykonany.
  15. </p>
  16. <script>
  17. $("z").click(function () {
  18. $("p").fadeIn(2000);
  19. });
  20. $("p").click(function () {
  21. $("p").fadeOut(3000, function () {
  22. $("body").fadeIn(1200, function () {
  23. $(this).css('background', 'yellow');
  24. });
  25. });
  26. });
  27. </script>
  28.  
  29. </body>
  30. </html>


Ten post edytował Dominator 30.01.2012, 22:14:23
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 18.10.2025 - 00:17