Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> Menu rozwijane
Fei
post 26.05.2012, 16:13:12
Post #1





Grupa: Zarejestrowani
Postów: 30
Pomógł: 0
Dołączył: 26.05.2012
Skąd: Wielkopolska

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

Szukam najprostszego menu rozwijanego - po najechaniu myszką na napis w menu, pokazuje się lista z dodatkowymi opcjami.
Go to the top of the page
+Quote Post
usb2.0
post 26.05.2012, 17:10:36
Post #2





Grupa: Zarejestrowani
Postów: 341
Pomógł: 25
Dołączył: 28.09.2008
Skąd: Lublin

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

jquery accordion moze sie nadac
Go to the top of the page
+Quote Post
Fei
post 26.05.2012, 19:48:29
Post #3





Grupa: Zarejestrowani
Postów: 30
Pomógł: 0
Dołączył: 26.05.2012
Skąd: Wielkopolska

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

Mógłbyś powiedzieć coś więcej? Jakiś link, instrukcja.
Właściwie to szukam czegoś jak to http://jdsharp.us/jQuery/plugins/jdMenu/
Tylko że nie wiem nawet jak tego użyć biggrin.gif

Ten post edytował Fei 26.05.2012, 19:50:09
Go to the top of the page
+Quote Post
prowseed
post 26.05.2012, 23:41:52
Post #4





Grupa: Zarejestrowani
Postów: 433
Pomógł: 64
Dołączył: 29.01.2011
Skąd: Warszawa

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

Najprościej to będzie tak:
struktura html
[HTML] pobierz, plaintext 
  1. <ul id="menuglowne">
  2.     	<li><a href=#>Home</a></li>
  3.               <li><a href=#>Rozwin</a>
  4.                 	<ul class="sub">
  5. 			<li><a href=#>Pos 1</a></li>
  6. 			<li><a href=#>Pos 2</a></li>
  7. 			<li><a href=#>Pos 3</a></li>
  8. 		</ul>
  9.               </li>
  10. </ul>
[HTML] pobierz, plaintext

I do tego style:
[CSS] pobierz, plaintext 
  1. ul#menuglowne li {
  2. 	position:relative;
  3. 	display:inline-block;
  4. 	height:45px;
  5. 	}
  6. ul#menuglowne li ul.sub {
  7. 	display:none;
  8. 	position: absolute;
  9. 	top: 50px;
  10. 	left: 0px;
  11. 	}
  12. ul#menuglowne li:hover ul.sub {
  13. 	display: block;
  14. 	z-index:999;
  15. 	}
[CSS] pobierz, plaintext


--------------------
portfolio | blog
Go to the top of the page
+Quote Post
Fei
post 27.05.2012, 10:43:02
Post #5





Grupa: Zarejestrowani
Postów: 30
Pomógł: 0
Dołączył: 26.05.2012
Skąd: Wielkopolska

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

No niby działa, tylko jak zjada z przycisku i to nie mogę kliknąć na nic co się pokazało, bo zaraz wszystko znika.
Go to the top of the page
+Quote Post
d3ut3r
post 27.05.2012, 10:46:42
Post #6





Grupa: Zarejestrowani
Postów: 709
Pomógł: 176
Dołączył: 24.10.2010

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

zamień:
top: 50px;
na
top: 45px;


i nie powinno znikać


--------------------
http://d3ut3r.wordpress.com/ | mysql_* jest przestarzałe UŻYWAJ PDO!
Go to the top of the page
+Quote Post
« Następny starszy · Szukam · 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: 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 Wersja Lo-Fi Aktualny czas: 16.05.2025 - 13:41
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn