Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [jQuery] FadeIn nie działa wobec tła.
Dominator
post 30.01.2012, 22:14:07
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 ?

[PHP] pobierz, plaintext 
  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>
[PHP] pobierz, plaintext


Ten post edytował Dominator 30.01.2012, 22:14:23
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 4)
ActivePlayer
post 30.01.2012, 22:53:59
Post #2





Grupa: Przyjaciele php.pl
Postów: 1 224
Pomógł: 40
Dołączył: 6.07.2004
Skąd: Wuppertal

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

uzyj jquery animate zamiast fadeOut.
Go to the top of the page
+Quote Post
erix
post 31.01.2012, 12:37:25
Post #3





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów
A to nie wymaga dodatkowego plugina? Z tego, co pamiętam, to trzeba było.


--------------------

ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW!
Go to the top of the page
+Quote Post
maviozo
post 31.01.2012, 13:39:41
Post #4





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

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

Sprawdź plugin jquery do animacji kolorów, to może pomóc. Zresztą powinni to dodać do core jquery.
Go to the top of the page
+Quote Post
erix
post 31.01.2012, 13:49:21
Post #5





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów
O właśnie, o to mi chodziło. biggrin.gif


--------------------

ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW!
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 Wersja Lo-Fi Aktualny czas: 14.08.2025 - 05:44
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn