¡¡¡¡¡¡¡¡¡¡funciona!!!!!!!!!!!!!
MUCHAS GRACIAS A TODOS/AS, en especial a JavierB
:
(Sin olvidar a Aitzi, PatomaS, Living y Tunait)
<html>
<head>
<script>
function mostrar(obj) {
celda=obj.getElementsByTagName('td');
num=celda.length-1;
bor='1px solid white';
for(i=0;i<celda.length;i++) {
celda[i].style.borderTop=bor;
celda[i].style.borderBottom=bor;
if(i==0)
celda[i].style.borderLeft=bor;
if(i==num)
celda[i].style.borderRight=bor;
};
}
function ocultar(obj) {
celda=obj.getElementsByTagName('td');
num=celda.length-1;
bor='1px solid gold';
for(i=0;i<celda.length;i++) {
celda[i].style.borderTop=bor;
celda[i].style.borderBottom=bor;
if(i==0)
celda[i].style.borderLeft=bor;
if(i==num)
celda[i].style.borderRight=bor;
};
}
</script>
</head>
<body bgcolor="gold">
<table width="75%" border="0" border="1">
<tr onmouseover="mostrar(this)" onmouseout="ocultar(this)">
<td>1-1</td>
<td>1-2</td>
<td>1-3</td>
<td>1-4</td>
</tr>
<tr onmouseover="mostrar(this)" onmouseout="ocultar(this)">
<td>2-1</td>
<td>2-2</td>
<td>2-3</td>
<td>2-4</td>
</tr>
</table>
</body>
</html>