Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [javascript]Menu rozwijane, jak przerobić kod
colinQ
post
Post #1





Grupa: Zarejestrowani
Postów: 340
Pomógł: 2
Dołączył: 25.12.2006

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


  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.  
  10. <a href="#" onmouseover="wyswietl(1);">Klub</a>
  11.  
  12. <div id="w_1">text</div>


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

Ale też taż żeby na to okienko dało się wjechać...
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 2)
wieprzucpp
post
Post #2





Grupa: Zarejestrowani
Postów: 85
Pomógł: 2
Dołączył: 10.02.2006

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


znaczy... chodzi ci o coś takiego?

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


(IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) ?
Go to the top of the page
+Quote Post
colinQ
post
Post #3





Grupa: Zarejestrowani
Postów: 340
Pomógł: 2
Dołączył: 25.12.2006

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


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...
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 22.08.2025 - 16:32