- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- Mi serve aiuto OnMouse..
-
Mi serve aiuto OnMouse..
Ciao a tutti, volevo creare un menu semplicissimo per il mio sito.
L'ho fatto con la funzione OnMouseOver - OnMouseOut.
Ho provato ad usare sia il codice JavaScript che quello HTML;
con quello JavaScript, se affianco più immagini, l'effetto scompare e rimane l'immagine di base fissa, mentre con quello HTML funziona tutto bene (io uso Chrome Plus) ma con Firefox si crea un bordo colorato attorno ad ogni singolo pulsante. Il codice HTML usato è il segunte:[PHP]<a href="LINK"><img src="images/" onMouseOver="this.src='images/';" onMouseOut="this.src='images/';"></a>
[/PHP]Qualcuno può aiutarmi, o consigliandomi un codice diverso, o spiegandomi come mettere più immagine consecutive con il codice JavaScript e senza perdere l'effetto?
Grazie mille in anticipo, Mattia!
-
Perchè non gestirle via CSS?
-
Eh, è un po' imbarazzante da dire, ma non so utilizzare file di tipo CSS, se non minimamente.
Comunque il sito è spook.it/2index.php
-
E che via CSS sarebbe tutto più snello a mio parere, più diretto, e senza tirare in ballo Javascript.
Potresti usare una sorta di CSS cosi strutturato.
.classelink
{
background:url(immaginenormnale.png);
}.classelink :hover
{
background:url(immagine_over.png);
}
-
Il codice che mi hai scritto devo inserirlo in un file css o direttamente tra i tag body?
-
Con firefox però mi sembra andare.
Vedo cioè una pagina con i fantasmi di pacamn sopra, il menu a tre voci sotto, il cui effetto mouse over sembra funzionare.
-
Non so se è il mio Firefox settato male, comunque il problema non è l'effetto ma che io, con Firefox, vedo dei contorni colorati, precisamente blu e viola che circondano i pulsanti. Comunque se è un problema mio, tanto meglio!
Grazie e scusate il disturbo!
-
A ora ho capito cosa intendi.
Intendi i bordi che "bordano" il rettangolo bianco?
Se si allora prova a mettere un style="border:none" sui link.
-
Ho fatto ma non cambia nulla...non so più che fare..
-
La forma in cui li hai inseriti è errata.
Non cosi
<style="border:none">
<a href="index.php"><img src="home1.png" onMouseOver="this.src='images/home2.png';" onMouseOut="this.src='images/home1.png';"></a></style>Ma cosi
<a href="index.php" style="border:none">
<img src="home1.png" onMouseOver="this.src='images/home2.png';" onMouseOut="this.src='images/home1.png';">
</a>
-
Pardon mi sono sbagliato mi sa che va dentro all'immagine...
Scusa l'ora "tarda" ...<a href="index.php" >
<img style="border:none" src="home1.png" onMouseOver="this.src='images/home2.png';" onMouseOut="this.src='images/home1.png';">
</a>
-
Sììì funge!
Anche se è sparito un pulsante XD..comunque adesso vedo di risolvere!
Non so come ringraziarti!
-
E' sparito perchè in un link dopo href non hai chiuso le virgolette.
Attento anche all'apertura del tag body lo apri e lo chiudi piu volte mentre lo si fa una sola volta e li dentro va il codice.
-
Risolto tutto!!!
Adesso so a chi rompere le scatole quando ho problemi di questo tipo! ihihih
-
Ora controlla il tag body.
Cosi dopo posso andare a letto contento ah ah...
-
Fatto! Guarda ti auguro di sognare Belen 'sta notte ahaha! Grazie mille!!
-
Manca questa riga da correggere...
<body>
<body bgcolor="#333333">
-
Ah perchè il body di questo codice <body bgcolor="#333333"> funge da tag principale??
-
Si è come gli dessi tu uno stile "in più". Ma è unico.
-
Ok, corretto! Grazie mille e buona serata!
Comunque tranquillo che mi farò risentire! :D:D:D
