Vorrei sapere che codice devo inserire per far in modo che quando una persona passa con il mause sopra ad una cella di una tabella, lo sfondo di questa cella mi diventi da bianco a celestino chiaro.
So che bisogna usare on mause ma nn riesco a fare niente.
Grazie :adhone:
si chiama mouse... :-)Originariamente inviato da federi
Vorrei sapere che codice devo inserire per far in modo che quando una persona passa con il mause sopra ad una cella di una tabella, lo sfondo di questa cella mi diventi da bianco a celestino chiaro.
So che bisogna usare on mause ma nn riesco a fare niente.
Grazie :adhone:
una cosa così?
<table width="600">
<tr>
<td width="10" onMouseOver="this.bgColor='aqua'" onMouseOut="this.bgColor='white'">Ecco!</td>
</tr>
</table>
innanzi tutto si dice onmouseOriginariamente inviato da federi
Vorrei sapere che codice devo inserire per far in modo che quando una persona passa con il mause sopra ad una cella di una tabella, lo sfondo di questa cella mi diventi da bianco a celestino chiaro.
So che bisogna usare on mause ma nn riesco a fare niente.
Grazie :adhone:
devi usare i css !
OnMouse over, intendi?
..::EiK0 ::..
mi hai preceduto ,Originariamente inviato da Dennis
si chiama mouse... :-)
una cosa così?
<table width="600">
<tr>
<td width="10" onMouseOver="this.bgColor='aqua'" onMouseOut="this.bgColor='white'">Ecco!</td>
</tr>
</table>
oppure puoi fare anche cosi (by herrel )
codice:<html> <head> <title>Menu con rollover bordi</title> <style> table { border: 1px solid black;} td { height:25px; border: 1px solid white; font-family: verdana; font-size:10px; background:white;} td a:link { position:relative; display:block; font-size:10px; color: #061998; text-decoration: none;} td a:hover { position:relative; font-size:10px; color: #4ebafa; text-decoration: none;} td a:visited { font-size:10px; color: #4ebafa; text-decoration: none;} .due { border: 1px solid black; background:#b1f3e4;} </style> </head> <body> <table width=150 height=70 border=0> <tr><td style="background:#d0cece;"><center>:: menù ::<center> </td></tr> <tr> <td onMouseOver="this.className='due'" onMouseOut="this.className=''"> <center>home page<center> </td></tr> <tr> <td onMouseOver="this.className='due'" onMouseOut="this.className=''"> <center>news<center> </td></tr> <tr> <td onMouseOver="this.className='due'" onMouseOut="this.className=''"> <center>info<center> </td></tr> <tr> <td onMouseOver="this.className='due'" onMouseOut="this.className=''"> <center>portfolio<center> </td></tr></table> </body> </html>
'zzeca, piero, hai un archivio e una velocità da far paura.
..::EiK0 ::..
<table width="600">
<tr>
<td width="10" onMouseOver="this.bgColor='aqua'" onMouseOut="this.bgColor='white'">Ecco!</td>
</tr>
</table>
Grazie mile questo codice funziona perfettamente
Originariamente inviato da federi
<table width="600">
<tr>
<td width="10" onMouseOver="this.bgColor='aqua'" onMouseOut="this.bgColor='white'">Ecco!</td>
</tr>
</table>
Grazie mile questo codice funziona perfettamente
mi hai preceduto ,Originariamente inviato da Dennis
si chiama mouse... :-)
una cosa così?
<table width="600">
<tr>
<td width="10" onMouseOver="this.bgColor='aqua'" onMouseOut="this.bgColor='white'">Ecco!</td>
</tr>
</table>
oppure puoi fare anche cosi (by herrel )
codice:<html> <head> <title>Menu con rollover bordi</title> <style> table { border: 1px solid black;} td { height:25px; border: 1px solid white; font-family: verdana; font-size:10px; background:white;} td a:link { position:relative; display:block; font-size:10px; color: #061998; text-decoration: none;} td a:hover { position:relative; font-size:10px; color: #4ebafa; text-decoration: none;} td a:visited { font-size:10px; color: #4ebafa; text-decoration: none;} .due { border: 1px solid black; background:#b1f3e4;} </style> </head> <body> <table width=150 height=70 border=0> <tr><td style="background:#d0cece;"><center>:: menù ::<center> </td></tr> <tr> <td onMouseOver="this.className='due'" onMouseOut="this.className=''"> <center>home page<center> </td></tr> <tr> <td onMouseOver="this.className='due'" onMouseOut="this.className=''"> <center>news<center> </td></tr> <tr> <td onMouseOver="this.className='due'" onMouseOut="this.className=''"> <center>info<center> </td></tr> <tr> <td onMouseOver="this.className='due'" onMouseOut="this.className=''"> <center>portfolio<center> </td></tr></table> </body> </html>
perchè hai ripostato la stessa cosa di 10 min fa?Originariamente inviato da piero06
mi hai preceduto ,
oppure puoi fare anche cosi (by herrel )
codice:<html> <head> <title>Menu con rollover bordi</title> <style> table { border: 1px solid black;} td { height:25px; border: 1px solid white; font-family: verdana; font-size:10px; background:white;} td a:link { position:relative; display:block; font-size:10px; color: #061998; text-decoration: none;} td a:hover { position:relative; font-size:10px; color: #4ebafa; text-decoration: none;} td a:visited { font-size:10px; color: #4ebafa; text-decoration: none;} .due { border: 1px solid black; background:#b1f3e4;} </style> </head> <body> <table width=150 height=70 border=0> <tr><td style="background:#d0cece;"><center>:: menù ::<center> </td></tr> <tr> <td onMouseOver="this.className='due'" onMouseOut="this.className=''"> <center>home page<center> </td></tr> <tr> <td onMouseOver="this.className='due'" onMouseOut="this.className=''"> <center>news<center> </td></tr> <tr> <td onMouseOver="this.className='due'" onMouseOut="this.className=''"> <center>info<center> </td></tr> <tr> <td onMouseOver="this.className='due'" onMouseOut="this.className=''"> <center>portfolio<center> </td></tr></table> </body> </html>
Permessi di invio
Rispondi quotando