16/01/2002, 02:13
|
| | | Fecha de Ingreso: diciembre-2001
Mensajes: 240
Antigüedad: 22 años, 4 meses 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> |