segunda-feira, 20 de agosto de 2001

Mudando a cor das linhas com "Rollovers"

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>TR Color</TITLE>
</HEAD>
<BODY>
<SCRIPT language=javascript>
<!--
        function mOvr(src,clrOver) {
                        src.style.cursor = 'hand';
                        src.bgColor = clrOver;
                     }
        function mOut(src,clrIn) {
                        src.style.cursor = 'default';
                        src.bgColor = clrIn;

        }
        function mClk(src) {
                if(event.srcElement.tagName=='TD'){
                        src.children.tags('A')[0].click();
                }
        }
// -->
</SCRIPT>
<table cellspacing=1 cellpadding=3 width="100%" bgcolor=white border=0>
  <tr onMouseOver="mOvr(this,'#cccccc');" onMouseOut="mOut(this,'#0066cc');"
bgcolor="#0066cc">
    <td  width="51%"  onClick="mClk(this)">
      <a class=menu href="http://www.uol.com.br">Texto1</a></td>
    <td onclick="mClk(this)" width="49%">&nbsp;</td>
  </tr>
  <tr onMouseOver="mOvr(this,'#cccccc');" onMouseOut="mOut(this,'#0066cc');"
bgcolor="#0066cc">
    <td  width="51%"  onClick="mClk(this)">
      <a class=menu href="http://www.uol.com.br">Texto1</a></td>
    <td onclick="mClk(this)" width="49%">&nbsp;</td>
  </tr>
    <tr onMouseOver="mOvr(this,'#cccccc');"
onMouseOut="mOut(this,'#0066cc');" bgcolor="#0066cc">
    <td  width="51%"  onClick="mClk(this)">
      <a class=menu href="http://www.uol.com.br">Texto1</a></td>
    <td onclick="mClk(this)" width="49%">&nbsp;</td>
  </tr>
    <tr onMouseOver="mOvr(this,'#cccccc');"
onMouseOut="mOut(this,'#0066cc');" bgcolor="#0066cc">
    <td  width="51%"  onClick="mClk(this)">
      <a class=menu href="http://www.uol.com.br">Texto1</a></td>
    <td onclick="mClk(this)" width="49%">&nbsp;</td>
  </tr>
    <tr onMouseOver="mOvr(this,'#cccccc');"
onMouseOut="mOut(this,'#0066cc');" bgcolor="#0066cc">
    <td  width="51%"  onClick="mClk(this)">
      <a class=menu href="http://www.uol.com.br">Texto1</a></td>
    <td onclick="mClk(this)" width="49%">&nbsp;</td>
  </tr>
  </table>
</BODY>
</HTML>


 



Esta matéria foi postada originalmente no ASP4Developers por Ismael Nobre (site), que na época era "Analista.
Quer me contratar ?
Cel. 96420687". Hoje, vai saber...

0 comentários: