Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> div znikający po kilku sekundach
1010
post
Post #1





Grupa: Zarejestrowani
Postów: 749
Pomógł: 37
Dołączył: 3.10.2006

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

Witam, jak można zrobić diva, który po załadowaniu pokazuje się, ale znika po 5 sekundach?
Go to the top of the page
+Quote Post
Cienki1980
post
Post #2





Grupa: Przyjaciele php.pl
Postów: 1 590
Pomógł: 40
Dołączył: 11.01.2007
Skąd: Centrum

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

Oto kod wykorzystujący trochę JS i jQuery ( nie mam siły szukać w dokumentacji jQuery jak wywołuje się funkcję po określonym upływie czasu - zakładam że takowa jest )

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. </head>
  4. <script type="text/javascript" src="jquery-1.2.3.min.js"></script>
  5. <style type="text/css">
  6. <!--
  7.  
  8. #div_id {
  9.  position:absolute;
  10.  height:200px;
  11.  width:150px;
  12.  background-color:red;
  13.  top:30px;
  14. }
  15.  
  16. .hide {
  17.  left: -150px;
  18. }
  19.  
  20. -->
  21. </style>
  22.  
  23. <script type="text/javascript">
  24. $(document).ready(function () {
  25.     setInterval("ukryjDiv();", 1000);
  26. });
  27.  
  28.  
  29. function ukryjDiv() {
  30.  $("#div_id").addClass("hide");
  31. }
  32.  
  33. </script>
  34.  
  35. <body>
  36. <div id="div_id">jakis znikajacy div</div>
  37. </body>
  38. </html>
[HTML] pobierz, plaintext


Wystarczy zmienić czas w milisekundach w setInterval();

Ten post edytował Cienki1980 15.09.2008, 20:00:16
Go to the top of the page
+Quote Post
webasek
post
Post #3





Grupa: Zarejestrowani
Postów: 274
Pomógł: 35
Dołączył: 18.07.2008
Skąd: Kielce

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

Proszę oto kod:

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <script>
  4.  
  5. function ukryj() {
  6.  
  7.  document.getElementById("znikajacy").style.display="none";
  8. }
  9. </script>
  10. </head>
  11. <body>
  12.  
  13. <div id="znikajacy">
  14. obrazek/tresc/co chcesz
  15. </div>
  16.  
  17. <script>
  18.  
  19. setTimeout("ukryj()",5000);
  20.  
  21. </script>
  22. </body>
  23. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
« Następny starszy · JavaScript · 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: 18.09.2025 - 15:59
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn