É possível, usando Javascript e Cascaded Style Sheet (CSS) , para mudar a cor de uma coluna usando o mouseOver ( ) e mouseOut (); funções para tratar do objeto coluna na Document Object Model (DOM). CSS é usado para colocar objetos de texto com precisão dentro da área de visualização da página. Ele substituiu o elemento html
na maioria dos casos . O exemplo de código incluído aqui ilustra este e será executado na maioria dos navegadores modernos. Instruções
1 Declare página cabeça :
Java Test < /title> ; <br> <p> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <br> 2 <p> Declare estilos de página : <br> <p> <style type="text/css"> <br> <p> # test <br> <p> { <br> <p> position: absolute ; <br> <p> z - index : 1; <br> <p> visibilidade : visível; <br> <p> width: 14.55em ; <br> <p> height: 8.0em ; <br> <p> top : 0.8em ; <br> <p> esquerda: 0.5.0em ; <br> <p> border: 1px solid # ccc ; <br> - raio <p> -moz -border : 0.5em ; <br> <p> -webkit- border-radius : 0.5em ; <br> <p> float: left ; <br> <p> margin: 0; <br> <p> text-align : left ; <br> <p> padding: 1em ; <br> <p> background: # FFFFFF ; <br> <p> } <br> <p> p <br> <p> { <br> <p> font-size: 0.9em ; <br> <p> font-weight : 400; <br> <p> color: # FFFFFF ; <br> <p> } <br> <p> </style> <br> 3 <p> Declare script: < br > <p> <script type="text/javascript"> <br> <p> função mouseOver () { <br> <p> <br> <p> document.getElementById ( "teste" ) . estilo . background = "# 345678 " <br> <p> } <br> <p> função mouseOut () { <br> <p> <br> <p> document.getElementById ( "teste" ) . style.background = " # FFFFFF "<br> <p> } <br> <p> </script > <br> <p> < /head> <br> 4 <p> Declare corpo : <br> <p > <body> <br> <p> <div id="test" onmouseover="mouseOver()" onmouseout="mouseOut()"> <br> <p> <p> <br> <p > Hi there! Você me encontrou. <br> <p> </P > <br> <p> < /div > <br> <p> </body > <br> <p> </html> <br> <br>
<div class=ptad2><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3314932315682382" crossorigin="anonymous"></script><!-- pt computador 4 --><ins class="adsbygoogle" style="display:inline-block;width:336px;height:280px" data-ad-client="ca-pub-3314932315682382" data-ad-slot="5429850767"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({});</script></div>
</div>
</div>
<div class=ptnrx></div>
<table width="91%" height="52" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="51%"><p>Anterior : <a class='LinkPrevArticle' href='/P/javascript-programming/91053.html' >Como fazer Blink texto com JavaScript </a> </p></td>
</tr>
<tr>
<td width="49%"> Próximo : No</li></td>
</tr>
</table></td>
</tr>
</table>
<div class=bai7></div>
<table width="770" height="246" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="375" height="246" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE">
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm"> Os artigos relacionados </td> </tr>
</table>
<table width="95%" height="209" border="0" align="center" cellpadding="0" cellspacing="4">
<tr>
<td height="201"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/javascript-programming/91044.html" title="Como modificar CSS com JavaScript " target="_self">Como modificar CSS com JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/javascript-programming/90985.html" title="Como girar links em JavaScript " target="_self">Como girar links em JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/javascript-programming/90905.html" title="O que é a desigualdade em JavaScript " target="_self">O que é a desigualdade em JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/javascript-programming/90810.html" title="Cinco dicas JavaScript " target="_self">Cinco dicas JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/javascript-programming/90927.html" title="Como ocultar uma DIV em uma postagem em JavaScript " target="_self">Como ocultar uma DIV em uma postagem em JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/javascript-programming/90758.html" title="Como fazer um gráfico com Jquery " target="_self">Como fazer um gráfico com Jquery </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/javascript-programming/90787.html" title="Como fazer um JavaScript Carrinho de Compras " target="_self">Como fazer um JavaScript Carrinho de Compras </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/javascript-programming/90841.html" title="Struts escondidos em JavaScript " target="_self">Struts escondidos em JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/javascript-programming/90802.html" title="Como usar o Google Maps API para auto completar Localização Campos " target="_self">Como usar o Google Maps API para auto completar Localiz…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/javascript-programming/91049.html" title="Como alterar Campo de formulário Valor Com JavaScript " target="_self">Como alterar Campo de formulário Valor Com JavaScript </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="20" valign="top"></td>
<td width="375" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE">
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm">Artigos em destaque </td> </tr>
</table>
<table width="95%" height="207" border="0" align="center" cellpadding="0" cellspacing="4">
<tr>
<td height="199"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/computer-programming-languages/87305.html" title="Como usar um script WMI " target="_self">Como usar um script WMI </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/cc-programming/86257.html" title="Como fazer MFC interface Threads " target="_self">Como fazer MFC interface Threads </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/java-programming/90033.html" title="Como permitir Número Entradas em Java " target="_self">Como permitir Número Entradas em Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/computer-programming-languages/87300.html" title="Como atualizar Gridview largura da coluna " target="_self">Como atualizar Gridview largura da coluna </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/java-programming/90707.html" title="Como Iniciar Tomcat no Linux " target="_self">Como Iniciar Tomcat no Linux </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/computer-programming-languages/88887.html" title="Como Fazer Milhões " target="_self">Como Fazer Milhões </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/java-programming/89822.html" title="Como converter uma matriz de cadeia para dobrar " target="_self">Como converter uma matriz de cadeia para dobrar </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/cc-programming/85630.html" title="Como ler pontos de um arquivo e Gráfico em C + + " target="_self">Como ler pontos de um arquivo e Gráfico em C + + </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/java-programming/90153.html" title="Como importar Cordas em Java " target="_self">Como importar Cordas em Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/computer-programming-languages/86779.html" title="Quais são SGML Características " target="_self">Quais são SGML Características </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<div class=bai7></div>
<div class="ptbottom bs">
Cop e direita © Conhecimento computador https://ptcomputador.com Todos os Direitos Reservados
</div>
</div>
</body>
</html>
