Celda que cambie de color OnMouseOver

daz · #1 (**permalink**) 16/01/2002, 00:58

Hola quiero hacer una barra de navegacion como la que hay aqui en los forosdelweb, osea que cuando pase el mouse sobre un enlace cambie el fondo de la celda y no se cambie de una imagen a la otra.

Espero me puedan ayudar y hallan entendido la pregunta
GRACIAS

ram2001 · #2 (**permalink**) 16/01/2002, 02:13

Aqui hay un ejemplo copialo como esta, puedes agregar más celdas, donde dice NO RAYA EN EL LINK es para que no aparezca la rayita del link

<html>

<head>
<title>mi pagina</title>

<style type="text/css">

</style>



<script language="JavaScript">
var isIE4 = false;
function CheckBrowser()
{ if (navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion.charAt(0) >= 4) { isIE4 = true; }}
function mOvr(src,clrOver)
{ if (!src.contains(event.fromElement)) { src.style.cursor = 'hand'; src.bgColor = clrOver; src.children.tags('A')[0].style.color = '#ffffff';}}
function mOut(src,clrIn)
{ if (!src.contains(event.toElement)) { src.style.cursor = 'default'; src.bgColor = clrIn; src.children.tags('A')[0].style.color = '#ffffff';}}
function mClk(src)
{ if(event.srcElement.tagName=='TD'){src.children.ta gs('A')[0].click();} }
function mOvrTop(src,clrOver)
{ if (!src.contains(event.fromElement)) { src.style.cursor = 'hand'; src.bgColor = clrOver;}}
function mOutTop(src,clrIn)
{ if (!src.contains(event.toElement)) { src.style.cursor = 'default'; src.bgColor = clrIn;}}
</script>

</head>

<body>
<div align="center"><center>

<table border="0" cellpadding="0" cellspacing="0" width="100">
<tr>
<td align="center" width="7%" onmouseover="mOvr(this,'#C0C0C0');"
onmouseout="mOut(this,'#606060');" onclick="mClk(this);" bgcolor="#606060"
style="border-left: thin groove rgb(192,192,192); border-right: thin groove rgb(0,0,0); border-top: thin groove rgb(192,192,192); border-bottom: thin groove rgb(0,0,0)"><a
style="color: #FFFFFF" href="index.html"><font face="Verdana" size="-1">Inicio</font></a></td>
</tr>
</table>
</center></div>
</body>
</html>

<center><embed src="http://www.iespana.es/ram2001/logo02.swf" height=50 width=200>
</embed></center>

Helbira · #3 (**permalink**) 16/01/2002, 06:58

También puedes ver el código de la página de maestros... Botón derecho + Ver código fuente :P

<div align="left">
<img src="http://www.sfn.saskatoon.sk.ca/~ad676/moon/img/kissy.gif" border="0">
</div>

Loading · #4 (**permalink**) 16/01/2002, 14:56

Hola,en mi web uso este codigo:
<td bgcolor="#000000" onMouseOver="this.style.background='#FF9900'& quot; onMouseOut="this.style.background='#000000'&q uot; bordercolor="#FF9900" height="22">

Lo pones en cada tabla y ya sabes le cambias los "#xxxxxx" por los que quieras ;)

Saludos :)

daz · #5 (**permalink**) 16/01/2002, 15:32

GRACIAS AMIGOS, ERA LO QUE BUSCABA

Darklife · #6 (**permalink**) 16/01/2002, 15:52

en www.recursoswebmaster.es.vg en la seccion javascript te lo explican, y con menos codigo que los ejemplos anteriores :)

Loading · #7 (**permalink**) 16/01/2002, 18:19

Pues no diria lo mismo por que ya vi el de recursoswebmaster y es mas largo que todos los que an puesto aqui y no creo que sea necesario tanto codigo para eso ;)

Saludos :)