Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [java script?] Po najechaniu na link pojawia się za nim grafika (tło BG)
Forum PHP.pl > Forum > Przedszkole
ApC
Pomoże ktoś?

[java script?] Po najechaniu na link pojawia się za nim grafika (tło BG)

Chodzi mi o to, że mam link:

- Strona glowna

I jak na niego najadę to z tyłu za linkiem pojawia się jakiś obrazek:)!
in5ane
To się robi w CSS:

  1. .styl a{
  2. display: block;
  3. background-color: red;
  4. }
  5. .styl a:hover{
  6. display: block;
  7. background-color: blue;
  8. }
  9. <p class="styl"><a href="#">Link</a></p>
  10. <p class="styl"><a href="#">Link</a></p>
  11. <p class="styl"><a href="#">Link</a></p>
glh
a mozna tez tak:
<a href="#" id="link" style="" onmouseover="document.getElementById('link').style.backgroundImage='url(obrazek.gif)';" onmouseout="document.getElementById('link').style.backgroundImage='';" >Kliknij</a>
ApC
Cytat(glh @ 18.12.2007, 13:42:15 ) *
a mozna tez tak:
<a href="#" id="link" style="" onmouseover="document.getElementById('link').style.backgroundImage='url(obrazek.gif)';" onmouseout="document.getElementById('link').style.backgroundImage='';" >Kliknij</a>



A co do tego sposobu... Jak zrobić, aby nie było tylko na linku, a na całe <td>?
glh
tak samo:), czyli:

<table>
<tr>
<td id="link" style="height:50px;width:50px" onmouseover="document.getElementById('link').style.backgroundImage='url(obrazek.gif)';" onmouseout="document.getElementById('link').style.backgroundImage='';"><a href="#">Kliknij</a>
</td>
</tr>
</table>
Nattfarinn
Kod
..
<td id="komorka"  style="" id="link">
  <a href="#" onmouseover="document.getElementById('komorka').style.backgroundImage='url(obrazek.gif)';" onmouseout="document.getElementById('komorka').style.backgroundImage='';" >Kliknij</a>
</td>
..


A najlepiej eventy dać do <td.. więc:

Kod
..
<td id="komorka" style="" id="link" onmouseover="document.getElementById('komorka').style.backgroundImage='url(obrazek.gif)';" onmouseout="document.getElementById('komorka').style.backgroundImage='';">
  <a href="#">Kliknij</a>
</td>
..
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.