JavaScript

JavaScripti >> Efekti s tekstom >> Svobodni tekst

Opis:
Tekst, ki ga želite se bo "sprehajal" po ekranu po svoji lastni volji in ne v odvisnosti od kurzorja, kot podobni efekti.

Primer:
Malce poglejte po ekranu, pa boste videli tekst.

Izvorna koda:

Korak 1 :
Ta del kode vstavite v <head> del strani:

<script language="javascript"> for (i=0; i<29 ;i++) { document.write("<style type='text/css'>#m"+i+"{ position: absolute; left: 0px; top: 0px;}<\/style>\n") } </script>

Korak 2:
Ta del kode vstavite v <body> del strani:

<script language="javascript"> var ax=20, ay=20 var speedx1=3, speedy1=3 var speedx2=3, speedy2=3 text="Smrkec.com - JavaScripti" ; // vpisi svoj tekst, maksimalno 31 znakov (stejejo se tudi presledki)! anzahl=text.length x=new Array() y=new Array() xst=new Array() yst=new Array() var ns4up = (document.layers) ? 1 : 0; var ie4up = (document.all) ? 1 : 0; if (ns4up) { hoehe = self.innerHeight-35; breite= self.innerWidth-anzahl*11; } else if (ie4up) { hoehe = document.body.clientHeight-35; breite = document.body.clientWidth-anzahl*11; } var mx=breite, my=hoehe document.write("<font color=\"#0000FF\">\n") ; // barva teksta document.write("<b><tt><font size=\"+1\">\n") ; // velikost teksta (<b> i </b> je ukaz za udebeljene črke) for (i=0; i<anzahl ;i++) { document.write("<div id='m"+i+"'>"+text.substr(i,1)+"<\/div>\n") x[i]=0 y[i]=0 } document.write("<\/font><\/tt></b><\/font>\n") zufall() mt() function mt() { xst[0]=(mx-x[0]+ax)/speedx1 yst[0]=(my-y[0]+ay)/speedy1 x[0]=x[0]+xst[0] y[0]=y[0]+yst[0] for (i=1; i<anzahl; i++) { xst[i]=(x[i-1]-x[i]+10)/speedx2 yst[i]=(y[i-1]-y[i])/speedy2 x[i]=x[i]+xst[i] y[i]=y[i]+yst[i] } if (Math.abs(xst[0])<0.2 && Math.abs(yst[0])<0.2 && Math.abs(xst[anzahl-1])<0.2 && Math.abs(yst[anzahl-1])<0.2) {zufall()} for (i=0; i<anzahl; i++) { if (ns4up) { document.layers["m"+i].left=x[i] document.layers["m"+i].top=y[i] } if (ie4up) { document.all["m"+i].style.pixelLeft=x[i] document.all["m"+i].style.pixelTop=y[i] }} setTimeout("mt()",10) } function zufall() { if (ns4up) { mx=breite*Math.random()+pageXOffset my=hoehe*Math.random()+pageYOffset } if (ie4up) { mx=breite*Math.random()+document.body.scrollLeft my=hoehe*Math.random()+document.body.scrollTop } speedx1=Math.random()*10+1 speedy1=Math.random()*10+1 speedx2=Math.random()*10+1 speedy2=Math.random()*10+1 } </script>