OnMouseOver

sbobby

Utente Attivo
26 Gen 2006
791
0
0
Roma
Ragazzi, lo so, sono stupido, ho fatto molte ricerche ma non sono riuscito a trovare il modo per fare questo benedetto efetto mouseover...!! Io ho un tasto del menu che è un immagine e vorrei che al passaggio del mouse diventasse un altra immagine...Come devo fare?? Che codice devo inserire e che cosa mi serve?? Ho provato in vari modi ma non funziona mai...Mi potreste dare il codice per vare questo effetto comprensivo del codice che presumo vada nell'header???
Grazie mille...
 

Kobra

Utente Attivo
27 Giu 2005
72
0
0
Allora, vediamo se posso aiutarti...tra <head> e </head> inserisci questo:


<script language="JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}

function MM_findObj(n, d) { //v4.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && document.getElementById) x=document.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>



Il tag <body> deve risultare così:


<body bgcolor="#FFFFFF" text="#000000" onLoad="MM_preloadImages('indirizzo_dell'immagine_che_vuoi_compaia_al_passaggio_del_mouse')">


E dentro il <body>, dove metterai l'immagine di partenza, andrà così:


<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','indirizzo_dell'immagine_che_vuoi_compaia_al_passaggio_del_mouse',1)"><img name="Image1" border="0" src="indirizzo_immagine_di_partenza"></a>


Spero di esserti stato d'aiuto, ciao... :byebye:
 

SilverSeraph

Nuovo Utente
11 Giu 2006
18
0
0
Invece di inserire tutto quel javascript potresti fare con i css:
HTML:
a.classe, a.classe:visited, a.classe:link { background-image: url(immagine1.gif); line-height: xxpx; width: xxpx; display: block; }
a.classe:hover { background-image: url(immagine2.gif); line-height: xxpx; width: xxpx; display: block; }

Oppure se proprio vuoi qualcosa in javascript puoi fare:
HTML:
onMouseOver="this.style.backgroundImage='immagine1.gif'; this.style.cursor='hand';" onMouseOut=this.style.backgroundImage="immagine2.gif" onclick="window.location.href='link dell'immagine"

Ciao
 

metalgemini

Utente Attivo
14 Apr 2004
745
0
0
<img src="immagine1.jpg" name="img1" onmouseover="document.img1.src='immagine2.jpg'" onmouseout="document.img1.src='immagine1.jpg'">

tutto qui:jolly:

basta ke lo copi, lo incolli...e chiami le 2 immagini immagine1.jpg e immagine2.jpg
 
Discussioni simili
Autore Titolo Forum Risposte Data
T [PHP] [HTML] Action direttamente associate a onmouseover PHP 11
L onmouseover su div parenti indesiderato HTML e CSS 3
F onmouseover Javascript 3
K onMouseOver su immagine Javascript 2
P onmouseover e onmouseout su hotspot Javascript 15
G Onmouseout e onmouseover funziona solo lato backend Joomla 0
K onmouseover anteprima immagine come in google Javascript 2
LolliPoppingu Problema "onmouseover". HTML e CSS 24
H Funzione onmouseover per mostrare un box con un link da cliccare? Javascript 3
B onmouseover, immagini multiple su hotspot map Javascript 3
S Codice OnMouseOver Javascript 6
I onclick non cambia l'immagine invece onmouseOver e Out si Javascript 9
K Script - onmouseover compaiono immagine e testo Javascript 15
elilabruja onmouseover in php PHP 9
E [JAVA] modificare Script per evento onmouseover Javascript 0
T Aiuto effetto onmouseover immagine si allunga e compare testo Javascript 0
I onMouseOver su immagini Javascript 23
K testo ed img alternati con onmouseover Javascript 5
K onmouseover HTML e CSS 8
J OnMouseover Slideshow Javascript 0
T Onmouseover slideshow Javascript 3
K onmouseover in altro frame Javascript 2
D Problema onmouseover Javascript 0
Z png: OnMouseOver e UseMap Javascript 5
A onMouseOver Javascript 6
S Usare onmouseover con 'campo immagine' e non al tag <img> Javascript 3
D evento onmouseover Javascript 9
H problemi con onmouseover e GetElementById Javascript 1
M OnMouseOver non funziona Javascript 1
purno Cambio immagine con onMouseOver: HTML e CSS 7
§ onmouseover finestrella Javascript 2
C Marquee verticale che si ferma onmouseover HTML e CSS 8
W OnMouseOver su una map area HTML e CSS 5

Discussioni simili