OnMouseOver

  • Creatore Discussione Creatore Discussione sbobby
  • Data di inizio Data di inizio

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...
 
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:
 
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
 
<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