[java script?] Po najechaniu na link pojawia się za nim grafika (tło BG), jak to zrobić? :) Opcje

[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:)!

Ten post edytował ApC 18.12.2007, 13:05:50

[in5ane]

To się robi w CSS:

[HTML] pobierz, plaintext 
<style>
.styl a{
display: block;
background-color: red;
}
.styl a:hover{
display: block;
background-color: blue;
}
</style>
<p class="styl"><a href="#">Link</a></p>
<p class="styl"><a href="#">Link</a></p>
<p class="styl"><a href="#">Link</a></p>
[HTML] pobierz, plaintext 

[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]

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>
..

Ten post edytował Nattfarinn 18.12.2007, 13:56:02