Es posible, usando JavaScript y hojas de estilo en cascada (CSS ) , para cambiar el color de una columna utilizando el mouseOver ( ), y mouseOut (); funciones para abordar el objeto de columna en el Document Object Model (DOM ) . CSS se utiliza para colocar los objetos de texto con precisión dentro del área de visualización de la página . Se ha sustituido el elemento
HTML en la mayoría de los casos. El ejemplo de código incluye aquí lo ilustra y se extenderá en la mayoría de los navegadores modernos . Instrucciones
1 Declarar la página principal :
prueba Java < /title> ; <br> <p> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <br> 2 <p> Declarar estilos de página : <br> <p> <style type="text/css"> <br> <p> # test <br> <p> <br> <p> { position: absolute ; <br> <p> z - índice: 1 ; <br> visibilidad <p> : visible; <br> ancho <p> : 14.55em ; <br> altura <p> : 8.0em ; <br> <p> top: 0.8em ; <br> <p> izquierda : 0.5.0em ; <br> <p> border: 1px solid # ccc ; <br> <p> - moz- border-radius : 0.5em ; <br> <p> - webkit- border-radius : 0.5em ; <br> <p> float : left; <br> margen <p> : 0 ; <br> <p> text-align : left; <br> <p> relleno : 1 em ; <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> Declarar script: < br > <p> <script type="text/javascript"> <br> <p> mouseOver function () { <br> <p> <br> <p> document.getElementById ( "prueba ") . estilo. background = "# 345678 " <br> <p> } <br> <p> mouseOut function () { <br> <p> <br> <p> document.getElementById ( "prueba ") . style.background = " # FFFFFF " <br> <p> <br> <p> } < /script > <br> <p> < /head> <br> 4 <p> cuerpo declaran: <br> < p > <body> <br> <p> <div id="test" onmouseover="mouseOver()" onmouseout="mouseOut()"> <br> <p> <br> < p > ¡Hola! Tú me has encontrado . <br> <p> < /P > <br> <p> < /div > <br> <p> < /body> <br> <p> < /html> <br> <br>
<div class=ad2><script language='javascript' src='/ad/201310/4.js'></script></div>
</div>
</td>
</tr>
</table>
<table width="95%" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#DEE7EE">
<tr>
<td></td>
</tr>
</table>
<table width="100%" height="7" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table width="91%" height="52" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="51%"><p>Previous ： <a class='LinkPrevArticle' href='/Programacion/javascript-programming/91053.html' >Cómo hacer Blink Texto con JavaScript </a></li></p></td>
</tr>
<tr>
<td width="49%"> next ： <a class='LinkNextArticle' href='/Programacion/javascript-programming/91055.html' >Cómo cambiar de mesa colores de fondo con Javascript </a></li></td>
</tr>
</table></td>
</tr>
</table>
<table width="100%" height="7" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<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"> Artículos 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="/Programacion/javascript-programming/91075.html" title="Cómo ejecutar una secuencia de comandos Java externo Cuando un HTML Web Cargas página " target="_self">Cómo ejecutar una secuencia de comandos Java externo C…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91032.html" title="Cómo convertir texto a números enteros en JavaScript " target="_self">Cómo convertir texto a números enteros en JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90851.html" title="Cómo actualizar las variables de sesión " target="_self">Cómo actualizar las variables de sesión </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90786.html" title="Cómo utilizar Java Script en Microsoft Office " target="_self">Cómo utilizar Java Script en Microsoft Office </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91058.html" title="Cómo actualizar los cookies Via JavaScript " target="_self">Cómo actualizar los cookies Via JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90804.html" title="Cómo dibujar una polilínea que tiene un conjunto de ubicaciones de cadena en Google Maps V3 " target="_self">Cómo dibujar una polilínea que tiene un conjunto de u…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91271.html" title="Cómo escribir Java Script " target="_self">Cómo escribir Java Script </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90861.html" title="Cómo hacer un Slide Toggle abajo con jQuery " target="_self">Cómo hacer un Slide Toggle abajo con jQuery </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90788.html" title="Cómo conseguir un JTextArea dudar y explorar los datos en Java " target="_self">Cómo conseguir un JTextArea dudar y explorar los datos…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90981.html" title="Cómo limitar una longitud variable en Javascript " target="_self">Cómo limitar una longitud variable en 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">Artículos destacados </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="/Programacion/computer-programming-languages/87569.html" title="Anclas en HTML Code " target="_self">Anclas en HTML Code </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/87502.html" title="Cómo quitar un alias en AIX " target="_self">Cómo quitar un alias en AIX </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91092.html" title="Java Development & página Script " target="_self">Java Development & página Script </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/java-programming/89923.html" title="Cómo hacer un GUI en Java " target="_self">Cómo hacer un GUI en Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/cc-programming/85315.html" title="¿Qué son las variables de estructura inicializados en C " target="_self">¿Qué son las variables de estructura inicializados en…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/visual-basics-programming/94638.html" title="VBA VBA " target="_self">VBA VBA </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/86658.html" title="Cómo leer un directorio en Scala " target="_self">Cómo leer un directorio en Scala </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/visual-basics-programming/96281.html" title="Cómo calcular los impuestos y total con Visual Basic 6.0 " target="_self">Cómo calcular los impuestos y total con Visual Basic 6…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/visual-basics-programming/94678.html" title="¿Qué es VBA Programación " target="_self">¿Qué es VBA Programación </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/visual-basics-programming/94507.html" title="¿Qué es la programación de CLR " target="_self">¿Qué es la programación de CLR </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<table width="980" height="8" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=980 bgColor=#36506e height=90>
<tr>
<td class=bs height=90 align=middle>Copyright © Conocimientos Informáticos http://ordenador.wingwit.com
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html>
