scritte lampeggianti

salve ho visto che un sit aveva delle scritte lampeggiati : ecco il sito (una volta cliccato di sopra aspettate il carricamneto e poi passate il mouse sopra le 2 scritte .)

ma come si fa a fare quel tipo di scritte cosi ??

[funcool]

Aggiungendo questo pezzo di codice al body vengono scaricate le immagini che vengono visualizzate quando si passa sopra il mouse:

onLoad="MM_preloadImages('images/sitomenuevidenziato_05.jpg','images/sitomenuevidenziato_07.jpg','images/sitomenuevidenziato_09.jpg','images/sitomenuevidenziato_10.jpg','images/sitomenuevidenziato_11.jpg','images/sitomenuevidenziato_12.jpg','images/sitomenuevidenziato_13.jpg')"

E la funzione relativa è questa:

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[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

Ogni link è fatto in questo modo:

<a href="index.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nome link','','immagine_evidenziato.jpg',1)"><img src="immagine_non-evidenziato.jpg" name="nome link" width="172" height="80" border="0"></a>

E le funzioni relative sono le seguenti:

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  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[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.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[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

si ma come si crea??

fammi un esempio con la parola : esempio !!

grazie perchè cosi mi confondo di meno !

[funcool]

Per prima cosa dovresti crearti due immagini per ogni link (la prima senza effetto e la seconda con l'effetto), poi basta che copi il codice che ti ho scritto sopra modificandolo secondo le tue esigenze.

ma io volevo che mi insegnavi come fare le scritte lampeggianti mettendo sopra il mouse !!! comunque se e come dici tu quale code utilizzo ??

[funcool]

Il codice è quello che ho scritto sopra. Le scritte lampeggianti sono solo delle immagini diverse in base al mouse se ti trova sopra o meno.

ti la prima immagine che voglio mettere e :

http://www.zanezane.net/articoli/lui...ori/colori.gif

la seconda : http://www.zoowebplus.com/images_grandes/tigre7.jpg

dove le colloco ??

fammi un esempio con la parola "calcio"

[funcool]

Aggiungendo questo pezzo di codice al body vengono scaricate le immagini che vengono visualizzate quando si passa sopra il mouse:

onLoad="MM_preloadImages('http://www.zoowebplus.com/images_grandes/tigre7.jpg')"

E la funzione relativa è questa:

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[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

Ogni link è fatto in questo modo:

<a href="index.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('link1','','http://www.zoowebplus.com/images_grandes/tigre7.jpg',1)"><img src="http://www.zanezane.net/articoli/luigibartolotta/pixelecolori/colori.gif" name="link1" width="200" height="200" border="0"></a>

E le funzioni relative sono le seguenti:

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  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[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.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[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

EDIT: Per la parola "calcio" devi sempre creare due immagini!

fammi un esempio tu !! con le immaggini che vuoi !! lo so che ti sto facendo cervellare ma nn mi entra !! fammi un esempio visivo !!(sia code che visivo 9 di quello che fai e poi per favor mi puoi mettre cio che modifichi in colore rosso cosi capisco ??

grazie mille !!

[funcool]

Eccoti l'esempio.

grazie ma mi dai il code cosi come lo hai inserito in modo che io posso solo cambiare il colore e le dimensioni ?? grazie !! :):)

[funcool]

Per il codice della pagina basta che clicchi con il tasto destro e guardi il codice HTML. Ma quello che sto cercando di farti capire dall'inizio della discussione è che la scritta "Link 1" è un'immagine e che la scritta "Link 1" con l'ombra verde è un'altra immagine.

E io dopo che creo due immaggini una con l'ombra e una sensa ombra le devo inserire in quele code ??

ps: il body dove lo devo inserire??

[funcool]

Il tag body è uno solo in una pagina HTML!
Per sostituire le immagini tutte le volte che c'è scritto link1-evidenziato.jpg metti l'immagine che deve apparire quando ci passi sopra con il mouse e tutte le volte che c'è scritto link1.jpg metti l'immagine che deve apparire quando non ci passi sopra con il mouse.