si può fare questa cosa senza usare javascript e se si come? vi ringrazio
si può fare questa cosa senza usare javascript e se si come? vi ringrazio
Ciao, è possibile usare l'effetto rollover con i CSS
Esempio:
nel foglio di stile css:
e così via.codice:a:link { background-image: url("immagine1.jpg"); } a:hover { background-image: url("immagine2.jpg"); }
Il portale sul turismo a Lucca
Siti web Lucca
Vendo Tex a colori di Repubblica (primi 100 numeri) - info in pvt.
è necessario che sia in background l'immagine? :master:Originariamente inviato da Tux7000
Ciao, è possibile usare l'effetto rollover con i CSS
Esempio:
nel foglio di stile css:
e così via.codice:a:link { background-image: url("immagine1.jpg"); } a:hover { background-image: url("immagine2.jpg"); }
Sì è necessario. Il rollover agisce a livello di sfondo.
ok grazie milleOriginariamente inviato da Tux7000
Sì è necessario. Il rollover agisce a livello di sfondo.
Prego! Non c'è di che!
imperterrito si presenta il problema non funziona, come devo fare lato immagine? cioè l'immagine che deve cambiare è in un link, come devo strutturare il codice del link perchè funzioni? :master:Originariamente inviato da Tux7000
Prego! Non c'è di che!
Posta il codice HTML e il codice CSS che si capisce meglio cosa vuoi fare.
Grazie
ecco il codice della pagina:
il css è incluso essendo usato solo nella pagina stessaCodice PHP:<html> <head> <meta http-equiv="Content-Language" content="it"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>hhhhh</title> <style type="text/css"> a.linkimg:link { background-image: url("immagini/immagine1.jpg"); } a.linkimg:hover { background-image: url("immagini/immagine2.jpg"); } </style> <style type="text/css"> </style> </head> <body> </body> <div class="center"> <table border="0" width="982" id="table1" background="immagini/sfondodefinitivo.JPG" height="590"> <tr> <td valign="middle"> <div style="position: absolute; width: 100px; height: 123px; z-index: 1; left: 44px; top: 338px" id="livello1"> <div style="position: absolute; width: 100px; height: 100px; z-index: 1; left: 135px; top: 52px" id="livello2"> <div style="position: absolute; width: 100px; height: 100px; z-index: 1; left: 137px; top: 35px" id="livello3"> <div style="position: absolute; width: 100px; height: 100px; z-index: 1; left: 139px; top: -34px" id="livello4"> <div style="position: absolute; width: 100px; height: 100px; z-index: 1; left: 137px; top: -57px" id="livello5"> <div style="position: absolute; width: 100px; height: 100px; z-index: 1; left: 134px; top: -76px" id="livello6"> <div style="position: absolute; width: 100px; height: 100px; z-index: 1; left: 131px; top: -86px" id="livello7"> <p align="center"> <img border="0" a href="#" onMouseOver="MOver('Img8')" onMouseOut = "MOut('Img8')"> [img]immagine14.jpg[/img]</a>
hhhhh</div> <p align="center"> <img border="0" a href="#" onMouseOver="MOver('Img7')" onMouseOut = "MOut('Img7')"> [img]immagine12.jpg[/img]</a>
hhhhh</div> <p align="center"> <img border="0" a href="#" onMouseOver="MOver('Img6')" onMouseOut = "MOut('Img6')"> [img]immagine10.jpg[/img]</a>
hhhhh</div> <p align="center"> <img border="0" a href="#" onMouseOver="MOver('Img5')" onMouseOut = "MOut('Img5')"> [img]immagine8.jpg[/img]</a>
hhhhh</div> <p align="center"> <img border="0" a href="#" onMouseOver="MOver('Img4')" onMouseOut = "MOut('Img4')"> [img]immagine6.jpg[/img]</a>
hhhhh</div> <p align="center"> <img border="0" a href="#" onMouseOver="MOver('Img3')" onMouseOut = "MOut('Img3')"> [img]immagini/immagine4.jpg[/img]</a>
hhhhh</div> <div align="center"> <a href="#" class="linkimg">[img]immagini/immagine2.jpg[/img]
hhhhh</a></div> </div></td> </tr> </table> </div> </html>
la pagina grafica:
http://www.globalmeteo.altervista.org/sitox.htm
Permessi di invio
Rispondi quotando