Podświetlenie po najechaniu myszka Opcje

[sylsaw]

chcialbym po najechaniu kursorem na dana tabelke zeby ona sie podswietlila, jak to zrobic

[revyag]

To możesz zmienić tło, albo krawędzie,albo to i to

Kod

<script type="text/javascript">
function hl(t,c) {
    if(c) {
        t.style.backgroundColor='#efefef';
        t.style.border='1px solid #cccccc';
    } else {
        t.style.backgroundColor='#ffffff';
        t.style.border="0";
    }
}
</script>

[HTML] pobierz, plaintext 
<table id="table" onmouseover="hl(this,true)" onmouseout="hl(this,false)">
<tr>
    <td>lalal</td>
</tr>
<tr>
    <td>aaaa</td>
</tr>
<tr>
    <td>bbbb</td>
</tr>
<tr>
    <td>cccc</td>
</tr>
</table>
[HTML] pobierz, plaintext 

[Zajec]

A żeby pokazać wyższość alternatywnych przeglądarek

Kod

#table {
background-color: #fff;
border: 0;
}
#table:hover {
background-color: #efefef;
border: 1pd solid #ccc;
}

Ten post edytował Zajec 21.07.2005, 19:15:18

[nediam]

zajec: to nie zadziala na ie chyba ze dasz a jako element blokowy i dla <a> tak zrobisz :]

[mike]

zajec: to nie zadziala na ie chyba ze dasz a jako element blokowy i dla <a> tak zrobisz :]

No przecież @Zajec napisał, że nie działa na shIEt - badzIEwiu.

A tak poza tym, żeby działało wszędzie można tak jak pokazał @revyag, albo podobnie (ustawiając całe klasy a nie tylko kilka atrybutów CSS):

[HTML] pobierz, plaintext 
<style type="text/css">
 
.table {
    background-color: #FFFFFF;
    border: #FF0000 solid 1px;
}
 
.tableHover {
    background-color: #CDCDCD;
    border: #000000 solid 1px;
}
 
</style>
 
<table class="table" onmouseover="this.className='tableHover'" onmouseout="this.className='table'">
  <tr>
    <td>Cell 1 1</td>
    <td>Cell 1 2</td>
  </tr>
  <tr>
    <td>Cell 2 1</td>
    <td>Cell 2 2</td>
  </tr>
</table>
[HTML] pobierz, plaintext