Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS]Znikający i pojawiający się DIV po najechaniu
roghatt
post 2.03.2011, 13:42:26
Post #1





Grupa: Zarejestrowani
Postów: 250
Pomógł: 11
Dołączył: 20.03.2006

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

Witam
Jak zrobić aby wszystko co jest w divie znikało np. po 5 sekundach (jak kursor jest poza divem), jak najedziemy kursorem na div to wtedy wszystko się pojawia... aby te przejścia były płynne.
Jakieś strony z takimi podpowiedziami są?

pozdrawiam

Ten post edytował freelinkz 2.03.2011, 13:43:23
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 8)
thek
post 2.03.2011, 13:53:20
Post #2





Grupa: Moderatorzy
Postów: 4 362
Pomógł: 714
Dołączył: 12.02.2009
Skąd: Jak się położę tak leżę :D
Słowa kluczowe: jquery hide show delay mouseenter mouseleave
Powód edycji: [thek]: Można też mousein i mouseout czy kombinować z toggle jesli ma chodzić o kliknięcie :)


--------------------
Najpierw był manual... Jeśli tam nie zawarto słów mądrości to zapytaj wszechwiedzącego Google zadając mu własciwe pytania. A jeśli i on milczy to Twój problem nie istnieje :D
Go to the top of the page
+Quote Post
roghatt
post 2.03.2011, 14:06:35
Post #3





Grupa: Zarejestrowani
Postów: 250
Pomógł: 11
Dołączył: 20.03.2006

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

wlasnie nie chodzi o kliknięcie a o najechanie i zjechanie kursorem smile.gif
poszukam z tymi słowami co podaliście
Go to the top of the page
+Quote Post
qrzysztof
post 2.03.2011, 14:14:15
Post #4





Grupa: Zarejestrowani
Postów: 220
Pomógł: 19
Dołączył: 25.04.2009

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

JQuery rzeczywiście bardzo ułatwia. Ale jeśli nie, da się również samym JavaScriptem. Słowa kluczowe:

onmouseout
setTimeout(function(){}, 5000)
style.display='none'

Ten post edytował qrzysztof 2.03.2011, 14:16:48


--------------------
Znalazłeś sam rozwiązanie swojego problemu? Nie pisz "już wiem, do zamknięcia". Podziel się rozwiązaniem - inni będą mieli łatwiej.
Go to the top of the page
+Quote Post
roghatt
post 2.03.2011, 14:18:08
Post #5





Grupa: Zarejestrowani
Postów: 250
Pomógł: 11
Dołączył: 20.03.2006

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

samym JS próbowałem, ale div mi po 5 sekundach znika, ale później nie wiem jak zrobić aby się znowu pojawił jak kursor pojawi się w okolicach tego diva.
Go to the top of the page
+Quote Post
thek
post 2.03.2011, 14:29:52
Post #6





Grupa: Moderatorzy
Postów: 4 362
Pomógł: 714
Dołączył: 12.02.2009
Skąd: Jak się położę tak leżę :D
Wtedy musisz dla obiektu przypisać display:block a div się powinien pojawić. Problemem jest to, że najlepiej robić to tak: ustawiasz sobie jakiś element, na który najeżdżając pojawia się div, gdy z niego schodzisz, to po 5 sekundach ów div znika. Nie możesz zrobić bezpośrednio po najechaniu na div konkretny tego znikania i pojawiania, ponieważ gdy dasz display:none, to zniknie on z drzewa struktury dokumentu i nie będzie możliwe jego "najechanie", bo nie da się najechać na coś, co nie istnieje. Musisz mieć jakiś najeżdżalny "element pomocniczy".


--------------------
Najpierw był manual... Jeśli tam nie zawarto słów mądrości to zapytaj wszechwiedzącego Google zadając mu własciwe pytania. A jeśli i on milczy to Twój problem nie istnieje :D
Go to the top of the page
+Quote Post
papryk
post 2.03.2011, 14:36:20
Post #7





Grupa: Zarejestrowani
Postów: 24
Pomógł: 6
Dołączył: 2.03.2011
Skąd: Wychylybyszyce :]

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

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <script src="http://code.jquery.com/jquery-1.5.js"></script>
  4. <script type="text/javascript">
  5. $(document).ready(function(){
  6. 		$('#hideMe').mouseleave(function(){								 
  7. 											 $(this).fadeOut(500);	 
  8. 										 })	
  9. 		$('#showMe').mouseenter(function(){								 
  10. 											 $('#hideMe').fadeIn(500);	 
  11. 										 })				   
  12. 						   });
  13. </script>
  14. </head>
  15. <body>
  16. <div id="showMe"  style="width:200px; height:200px;">
  17. <div id="hideMe" style="width:200px; height:200px; background-color:#060;"></div>
  18. </div>
  19. </body>
  20. </html>
[HTML] pobierz, plaintext


Takie coś wymyśliłem, pozdrawiam.


--------------------
Aktualnie : Technik cyrkowiec.
Inżynier w toku...
Go to the top of the page
+Quote Post
thek
post 2.03.2011, 16:03:46
Post #8





Grupa: Moderatorzy
Postów: 4 362
Pomógł: 714
Dołączył: 12.02.2009
Skąd: Jak się położę tak leżę :D
Czyli użyłeś dokładnie tego papryk co napisałem tyle że zamiast show i hide użyłeś innego efektu... ale zapomniałeś jeszcze użyć delay()
$(this).delay(5000).fadeOut(500);
Powinno załatwić sprawę zamknięcia po 5 sekundach od wyjechania z pola.


--------------------
Najpierw był manual... Jeśli tam nie zawarto słów mądrości to zapytaj wszechwiedzącego Google zadając mu własciwe pytania. A jeśli i on milczy to Twój problem nie istnieje :D
Go to the top of the page
+Quote Post
--jagon--
post 7.12.2011, 18:18:59
Post #9





Goście
Odkopuję stary temat:) Wszystko działa, pytanko tylko co zrobić w przypadku 3 takich divów? w jaki sposób nadać skryptowi odpowiednie właściwości, dzięki czemu, do każdego diva z osobna będzie przypisywana inna tablica.
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 - 02:04
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn