Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [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 ?

[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
ActivePlayer
post
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
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.
Go to the top of the page
+Quote Post
maviozo
post
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
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. (IMG:style_emoticons/default/biggrin.gif)
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

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

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