onmouseover på <td>

Hint

<td onmouseover=\"this.style.background = \'#000000\';>

virker ikke i NS4

Hov
<td onmouseover=\"this.style.background = \'#000000\';\">

Prøv med dette

Lav en css-fil der hedder cool.css og smid dette ind i den:

.link {
    font-family:            Tahoma;
    font-size:            8pt;
    font-weight:            bold;
    color:                #e9e9e9;
    text-decoration:            none;
}

A:Hover.link {
    font-family:            Tahoma;
    font-size:            8pt;
    font-weight:            bold;
    color:                rgb(0,0,0);
    text-decoration:            none;
}

.text {
    font-family:            Tahoma;
    font-size:            8pt;
    font-weight:            bold;
    color:                rgb(255,255,255);
    text-decoration:            none;
}

.test {
    font-family:            Tahoma;
    font-size:            8pt;
    font-weight:            normal;
    color:                rgb(0,0,0);
    text-decoration:            none;
}


Lav så en html-fil der indeholder følgende og giv den et tilfældigt navn:

<html>
<head>
    <title>123</title>

<link rel=\"stylesheet\" type=\"text/css\" href=\"cool.css\">

<script language=\"JavaScript\">
        <!--
            function co(element,mode) {
                if (mode==\"in\") {
                    cursortype = \'hand\'
                    colorval = \'#B2E6FF\'
      } else if (mode==\"out\") {
                    cursortype = \'\'
                    colorval = \'#FFFAC8\'
                }

                element.style.background=colorval;
                element.style.cursor=cursortype;
   
            }
        // -->
    </script>
</head>
<body>
<br><br><br>


<table cellpadding=\"0\" cellspacing=\"0\" bgcolor=\"Gray\" width=\"125\">
<tr>
  <td bgcolor=\"#000000\" height=20><b class=\"text\"><center>Menu</center></b></td>
</tr>
<tr>
  <td bgcolor=\"#FFFAC8\" onmouseover=\"co(this,\'in\');\" onmouseout=\"co(this,\'out\');\" onClick=\"location.href=\'123.html\';\" height=20 valign=middle title=\"123\" CLASS=\"test\">
&nbsp;Artikler</td>
</tr>
<tr>
  <td bgcolor=\"#FFFAC8\" onmouseover=\"co(this,\'in\');\" onmouseout=\"co(this,\'out\');\" onClick=\"location.href=\'#\';\" height=20 valign=middle CLASS=\"test\">
&nbsp;Debat</td>
</tr>
<tr>
  <td bgcolor=\"#FFFAC8\" onmouseover=\"co(this,\'in\');\" onmouseout=\"co(this,\'out\');\" onClick=\"location.href=\'#\';\" height=20 valign=middle CLASS=\"test\">
&nbsp;Email</td>
</tr>
</table>



</body>
</html>

Du kan så også lave musen til en hånd ved at tilføje style=\"cursor:hand\"