Foros del Web » Creando para Internet » HTML »

Celda que cambie de color OnMouseOver

Estas en el tema de Celda que cambie de color OnMouseOver en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 16/01/2002, 00:58
daz
 
Fecha de Ingreso: julio-2001
Ubicación: Bogota
Mensajes: 341
Antigüedad: 16 años, 5 meses
Puntos: 4
Celda que cambie de color OnMouseOver

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
  #2 (permalink)  
Antiguo 16/01/2002, 02:13
 
Fecha de Ingreso: diciembre-2001
Mensajes: 240
Antigüedad: 16 años
Puntos: 0
Re: Celda que cambie de color OnMouseOver

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>
<!-- INICIO NO raya en link -->
<style type="text/css">
<!--
a { text-decoration: none}
-->
</style>
<!-- FIN NO raya en link -->

<!-- INICIO MENU EN TABLA -->
<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>
<!-- FIN MENU MENU EN TABLA -->
</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>
  #3 (permalink)  
Antiguo 16/01/2002, 06:58
Avatar de Helbira  
Fecha de Ingreso: octubre-2001
Ubicación: Sevilla, España
Mensajes: 1.228
Antigüedad: 16 años, 1 mes
Puntos: 5
Re: Celda que cambie de color OnMouseOver

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>
  #4 (permalink)  
Antiguo 16/01/2002, 14:56
 
Fecha de Ingreso: diciembre-2001
Mensajes: 367
Antigüedad: 16 años
Puntos: 0
Re: Celda que cambie de color OnMouseOver

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

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

Saludos :)
  #5 (permalink)  
Antiguo 16/01/2002, 15:32
daz
 
Fecha de Ingreso: julio-2001
Ubicación: Bogota
Mensajes: 341
Antigüedad: 16 años, 5 meses
Puntos: 4
Re: Celda que cambie de color OnMouseOver

GRACIAS AMIGOS, ERA LO QUE BUSCABA
  #6 (permalink)  
Antiguo 16/01/2002, 15:52
 
Fecha de Ingreso: enero-2002
Mensajes: 71
Antigüedad: 15 años, 11 meses
Puntos: 0
Re: Celda que cambie de color OnMouseOver

en www.recursoswebmaster.es.vg en la seccion javascript te lo explican, y con menos codigo que los ejemplos anteriores :)
  #7 (permalink)  
Antiguo 16/01/2002, 18:19
 
Fecha de Ingreso: diciembre-2001
Mensajes: 367
Antigüedad: 16 años
Puntos: 0
Re: Celda que cambie de color OnMouseOver

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 :)
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:05.