Michele Basso
a- a+

Scroller con effetto fade

Questo DHTML crea un box dove vengono mostrate delle scritteche scorrono con un effetto fade. L'effetto fadepuò essere creato dal nero al bianco e viceversa.

Lo script è compatibile con Internet Explorer 6e superiori e Netscape 6 e superiori.

Per inserire lo script, è sufficiente inserire ilseguente codice all'interno del tag body:

<script language="JavaScript1.2">/*Fading Scroller- By DynamicDrive.comFor full source code, and usage terms, visit http://www.dynamicdrive.comThis notice MUST stay intact for use*/var delay=3000 //set delay between message change (in miliseconds)var fcontent=new Array()begintag='<font face="Arial" size=2>' //set opening tag, such as font declarationsfcontent[0]="<b>What's new?</b><br>New scripts added to the Scroller category!<br><br>The MoreZone has been updated. <a href='../morezone/index.htm'>Click here to visit</a>"fcontent[1]="Dynamic Drive has been featured on Jars as a top 5% resource, and About.com as a recommended DHTML destination."fcontent[2]="Ok, enough with these pointless messages. You get the idea behind this script.</a>"closetag='</font>'var fwidth='150px' //set scroller widthvar fheight='150px' //set scroller heightvar fadescheme=0 //set 0 to fade text color from (white to black), 1 for (black to white)var fadelinks=1  //should links inside scroller content also fade like text? 0 for no, 1 for yes.///No need to edit below this line/////////////////var hex=(fadescheme==0)? 255 : 0var startcolor=(fadescheme==0)? "rgb(255,255,255)" : "rgb(0,0,0)"var endcolor=(fadescheme==0)? "rgb(0,0,0)" : "rgb(255,255,255)"var ie4=document.all&&!document.getElementByIdvar ns4=document.layersvar DOM2=document.getElementByIdvar faderdelay=0var index=0if (DOM2)faderdelay=2000//function to change contentfunction changecontent(){if (index>=fcontent.length)index=0if (DOM2){document.getElementById("fscroller").style.color=startcolordocument.getElementById("fscroller").innerHTML=begintag+fcontent[index]+closetaglinksobj=document.getElementById("fscroller").getElementsByTagName("A")if (fadelinks)linkcolorchange(linksobj)colorfade()}else if (ie4)document.all.fscroller.innerHTML=begintag+fcontent[index]+closetagelse if (ns4){document.fscrollerns.document.fscrollerns_sub.document.write(begintag+fcontent[index]+closetag)document.fscrollerns.document.fscrollerns_sub.document.close()}index++setTimeout("changecontent()" ,delay+faderdelay)}// colorfade() partially by Marcio Galli for Netscape Communications.  ////////////// Modified by Dynamicdrive.comframe=20;function linkcolorchange(obj){if (obj.length>0){for (i=0;i<obj.length;i++)obj[i].style.color="rgb(" +hex+ " ," +hex+ " ," +hex+ ")"}}function colorfade() {  // 20 frames fading processif(frame>0) {    hex=(fadescheme==0)? hex-12 : hex+12 // increase or decrease color value depd on fadeschemedocument.getElementById("fscroller").style.color="rgb(" +hex+ " ," +hex+ " ," +hex+ ")"; // Set color value.if (fadelinks)linkcolorchange(linksobj)frame--;setTimeout("colorfade()" ,20);    }else{document.getElementById("fscroller").style.color=endcolor;frame=20;hex=(fadescheme==0)? 255 : 0}   }if (ie4||DOM2)document.write('<div id="fscroller" style="border:1px solid black;width:'+fwidth+ ';height:'+fheight+ ';padding:2px"></div>')window.onload=changecontent</script><ilayer id="fscrollerns" width=&{fwidth}; height=&{fheight};><layer id="fscrollerns_sub" width=&{fwidth}; height=&{fheight}; left=0 top=0></layer></ilayer>

Vediamo adesso quali sono le variabili da modificare.

var delay=3000    Indica il tempo chepassa tra il passaggio di una scritta e un'altra(inmillisecondi)

fcontent[0]="<b>What's new?</b><br>New scripts added to the Scroller category!<br><br>The MoreZone has been updated. <a href='../morezone/index.htm'>Click here to visit</a>"

Questa seria di array (fcontent[0], fcontent[1],fcontent[2] ecc.) contengono i testi che verrannoviasualizzati nel box.

var fwidth='150px'    Indica la larghezza del box

var fheight='150px'    Indica l'altezza del box

var fadescheme=0    Scriviamo 0se vogliamo passare dal bianco al nero, 1 se vogliamopassare dal nero al bianco

Per problemi nell'utilizzo dello script, poteteconsultare il nostro forum didiscussione.



Ti potrebbe interessare anche

commenta la notizia