Visualizzazione dei risultati da 1 a 3 su 3

Discussione: td wollover

  1. #1
    Utente di HTML.it L'avatar di pasKuz
    Registrato dal
    Jun 2004
    Messaggi
    687

    td wollover

    come faccio a cambiare il colore di sfondo di un td quando passa sopra il mouse?

    esempio: http://www.webfucina.it/serious.asp (dove ci sono le news)

  2. #2
    Utente di HTML.it
    Registrato dal
    Dec 2000
    Messaggi
    895
    due esempi:
    <HTML>
    <HEAD>
    <STYLE type="text/css">
    .testo {font-family:Arial; font-size: 8pt; color: #000000;text-decoration:none;}
    .link { font-family: Arial; font-size: 8pt; font-weight:bold; color: #336699; text-decoration: none}
    .link:Hover { font-family: Arial; font-size: 8pt; font-weight:bold; color: #990000; text-decoration: none}
    </STYLE>
    <TITLE>
    </TITLE>
    </HEAD>

    <script language="JavaScript">

    function Cambiasfondo(dove,colore)
    {
    dove.style.backgroundColor=colore;
    }

    </script>

    <BODY>
    <TABLE BORDER=0 WIDTH=70 CELLSPACING=0><TR>
    <td align=center onMouseOver="Cambiasfondo(this,'#FFF000');" onMouseOut="Cambiasfondo(this,'#FFFFFF');">
    LINK1
    </TD></TR>
    <TR>
    <td align=center onMouseOver="Cambiasfondo(this,'#FFF000');" onMouseOut="Cambiasfondo(this,'#FFFFFF');">
    LINK2
    </TD></TR>
    <TR>
    <td align=center onMouseOver="Cambiasfondo(this,'#FFF000');" onMouseOut="Cambiasfondo(this,'#FFFFFF');">
    LINK3
    </TD></TR>
    <TR>
    <td align=center onMouseOver="Cambiasfondo(this,'#FFF000');" onMouseOut="Cambiasfondo(this,'#FFFFFF');">
    LINK4
    </TD></TR></TABLE>
    </BODY>
    </html>

    ************************************************** ***


    <html>
    <head>
    <title>lukeonweb.net</title>
    <style type="text/css">
    div.main {
    border: Solid 1px #f3f3f3;
    width: 150px;
    }
    div.menu {
    background: #EEEEEE;
    font-size: 10px;
    font-family: Verdana;
    }
    a.menu {
    background: #cccccc;
    color: #000000;
    padding: 1px;
    position: Relative;
    text-decoration: None;
    display: Block;
    }
    a:hover.menu {
    background: #f3f3f3;
    color: #336699;
    padding: 1px;
    position: Relative;
    text-decoration: none;
    display: Block;
    }
    </style>
    </head>
    <body>

    <div class="main">
    <div class="menu">LINK 1</div>
    <div class="menu">LINK 2</div>
    <div class="menu">LINK 3</div>
    </div>

    </body>
    </html>



    dover

  3. #3
    Utente di HTML.it L'avatar di pasKuz
    Registrato dal
    Jun 2004
    Messaggi
    687
    grassie

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2024 vBulletin Solutions, Inc. All rights reserved.