Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [javascript]Menu rozwijane
Forum PHP.pl > Forum > Przedszkole
colinQ
19.10.2007, 21:33:36 
[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2. function wyswietl(co) {
  3. var ile = 3; for (var i = 1; i <= ile; i++)
  4. if(co != i)
  5. document.getElementById("w_" + i).style.display = 'none';
  6. else
  7. document.getElementById("w_" + i).style.display = 'block';
  8. }
  9. </script>
  10.  
  11. <a href="#" onmouseover="wyswietl(1);">Klub</a>
  12.  
  13. <div id="w_1">text</div>
[HTML] pobierz, plaintext


Jak zrobić że po wyjechaniu z zakładki klub zniknęło okienko?

Ale też taż żeby na to okienko dało się wjechać...
wieprzucpp
19.10.2007, 21:54:32
znaczy... chodzi ci o coś takiego?

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <style type="text/css">
  4.  
  5. a {
  6. color: #000000;
  7. text-decoration: none;
  8. }
  9.  
  10. a:hover {
  11. color: #FFFFFF;
  12. text-decoration: underline;
  13. }
  14.  
  15. #menu {
  16. position: absolute;
  17. width: 100px;
  18. height: 100px;
  19. top: 20px;
  20. left: 20px;
  21. visibility: visible;
  22. clipright: 100px;
  23. clipbottom: 21px;
  24. }
  25.  
  26. </style>
  27.  
  28. <script type="text/javascript">
  29.  
  30. function clipTo(nazwa_warstwy, top, right, bottom, left) {
  31. document.getElementById(nazwa_warstwy).style.clip = "rect(" + top + " " + right + " " + bottom + " " + left + ")";
  32. }
  33.  
  34. </script>
  35.  
  36. </head>
  37. <body bgcolor="Silver">
  38.  
  39. <div id="menu" onMouseOver="clipTo('menu',0,100,140,0)" onMouseOut="clipTo('menu',0,100,21,0)">
  40. <table border=0 cellpadding=0 cellspacing=0 style="border: 1px solid #000000; background-color: orange;">
  41. <tr>
  42. <td width="100" height="20" style="border-bottom: 1px solid #000000; background-color: green"><center><b><font color="#FFFFFF">menu</font></b></center></td>
  43. </tr>
  44. <tr>
  45. <td width="100" height="20"><center>
  46. <br>
  47. <a href="javascript:void();">strona główna</a><br>
  48. <a href="javascript:void();">download</a><br>
  49. <a href="javascript:void();">redakcja</a><br>
  50. <a href="javascript:void();">linki</a><br><br>
  51. </center></td>
  52. </tr>
  53. </table>
  54. </div>
  55.  
  56. </body>
  57. </html>
[HTML] pobierz, plaintext


questionmark.gif?
colinQ
19.10.2007, 22:07:08
Tak, coś w tym stylu, ale ty to masz na innej zasadzie. Ty masz na zasadzie zmiany rozmiaru okna... Ja potrzebuję przerobić ten kod co podałem.

Chodzi tam o zastosowanie OnMouseOut w odpowiedni sposób...
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.