E 'possibile, utilizzando Javascript e foglio di stile a cascata ( CSS ) , per cambiare il colore di una colonna utilizzando il mouseOver ( ), e mouseOut (); funzioni per affrontare la colonna - oggetto nel Document Object Model ( DOM ) . CSS viene utilizzato per inserire oggetti di testo con precisione all'interno dell'area di visualizzazione pagina . Ha sostituito l'elemento
html nella maggior parte dei casi . L'esempio di codice incluso qui illustra questa e verrà eseguito nella maggior parte dei browser moderni . Istruzioni
1 Dichiarare pagina testa :
test Java < /title> ; <br> <p> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <br> 2 <p> dichiarare stili di pagina : <br> <p> <style type="text/css"> <br> <p> # test <br> <p> { <br> posizione <p> : absolute ; <br> <p> z - index: 1 ; <br> visibilità <p> : visibile ; <br> larghezza <p> : 14.55em ; <br> altezza <p> : 8.0em ; <br> <p> top : 0.8em ; <br> <p> sinistra : 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> margine <p> : 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 ;
<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='/Programmazione/javascript-programming/91053.html' >Come fare Blink Text Con Javascript </a></li></p></td>
</tr>
<tr>
<td width="49%"> next ： <a class='LinkNextArticle' href='/Programmazione/javascript-programming/91055.html' >Come cambiare sfondo della tabella colori 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"> Articoli Correlati </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="/Programmazione/javascript-programming/91158.html" title="Come creare PDF con Javascript " target="_self">Come creare PDF con Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91111.html" title="Come riparare un Out of stack errore di spazio in JavaScript " target="_self">Come riparare un Out of stack errore di spazio in JavaS…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90959.html" title="Letterali stringa in JavaScript Encoding " target="_self">Letterali stringa in JavaScript Encoding </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91018.html" title="Come accedere agli attributi elemento con JavaScript " target="_self">Come accedere agli attributi elemento con JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91231.html" title="Come aggiungere una barra di ricerca al tuo sito web Editore " target="_self">Come aggiungere una barra di ricerca al tuo sito web Ed…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91096.html" title="Suggerimento Tutorial Strumento XML " target="_self">Suggerimento Tutorial Strumento XML </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91199.html" title="Come Get Free Effetti cursore " target="_self">Come Get Free Effetti cursore </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90940.html" title="Come ruotare il testo di Laurea in JavaScript " target="_self">Come ruotare il testo di Laurea in JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91198.html" title="Come fare un timer in Game Maker " target="_self">Come fare un timer in Game Maker </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91059.html" title="Come impostare messa a fuoco con jQuery " target="_self">Come impostare messa a fuoco con jQuery </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">Articoli in evidenza </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="/Programmazione/java-programming/90239.html" title="Java Interruttore Dichiarazione Tutorial " target="_self">Java Interruttore Dichiarazione Tutorial </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/cc-programming/85979.html" title="Come cancellare un stringstream " target="_self">Come cancellare un stringstream </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/java-programming/89901.html" title="Java SubString Funzione " target="_self">Java SubString Funzione </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/cc-programming/85658.html" title="Come Bubble Sort in C " target="_self">Come Bubble Sort in C </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/php-mysql-programming/91611.html" title="Come inviare Messa Facebook Notifica in PHP " target="_self">Come inviare Messa Facebook Notifica in PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/87515.html" title="Come fare un pulsante invisibile in C # " target="_self">Come fare un pulsante invisibile in C # </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/php-mysql-programming/92731.html" title="Come aggiornare più colonne " target="_self">Come aggiornare più colonne </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91154.html" title="Come disegnare un grafico a torta utilizzando Javascript " target="_self">Come disegnare un grafico a torta utilizzando Javascrip…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/visual-basics-programming/95599.html" title="Come utilizzare un codice dell'applicazione VB6 per eliminare Tag XML da una stringa " target="_self">Come utilizzare un codice dell'applicazione VB6 per eli…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/java-programming/89832.html" title="Come utilizzare i tasti di direzione in Java " target="_self">Come utilizzare i tasti di direzione in Java </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 © Conoscenza Informatica http://it.wingwit.com
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html>
