Un petit texte qui fais des acrobaties...

Contenu du snippet

Un texte qui fait des acrobatie de façon aléatoire n'importe où sur la page. Assez sympas je trouve.

Source / Exemple :


<html>
<head>
<script language="javascript"> 
for (i=0; i<18 ;i++) { 
document.write("<style type='text/css'>#m"+i+"{ position: absolute; left: 0px; top: 0px;}<\/style>\n") 
} 
</script>
</head>
<body>
<script language="javascript"> 
var ax=20, ay=20 
var cingvx1=3, cingvy1=3 
var cingvx2=3, cingvy2=3 
text="Hello ! bienvenue."    ; // 18 caractères au plus  ! 
krieg=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) { 
 hfoliDouce = self.innerHeight-35; 
 gfoliDouce= self.innerWidth-krieg*11; 
} else if (ie4up) { 
 hfoliDouce = document.body.clientHeight-35; 
 gfoliDouce = document.body.clientWidth-krieg*11; 
} 
var mx=gfoliDouce, my=hfoliDouce 
document.write("<font color=\"yellow\">\n")         ; 
document.write("<b><tt><font size=\"4\">\n")        ;  
for (i=0; i<krieg ;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") 
tare() 
mt() 
function mt() { 
xst[0]=(mx-x[0]+ax)/cingvx1 
yst[0]=(my-y[0]+ay)/cingvy1 
x[0]=x[0]+xst[0] 
y[0]=y[0]+yst[0] 
for (i=1; i<krieg; i++) { 
xst[i]=(x[i-1]-x[i]+10)/cingvx2 
yst[i]=(y[i-1]-y[i])/cingvy2 
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[krieg-1])<0.2 && Math.abs(yst[krieg-1])<0.2) {tare()} 
for (i=0; i<krieg; 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 tare() { 
if (ns4up) { 
mx=gfoliDouce*Math.random()+pageXOffset 
my=hfoliDouce*Math.random()+pageYOffset 
} 
if (ie4up) { 
mx=gfoliDouce*Math.random()+document.body.scrollLeft 
my=hfoliDouce*Math.random()+document.body.scrollTop 
} 
cingvx1=Math.random()*10+1 
cingvy1=Math.random()*10+1 
cingvx2=Math.random()*10+1 
cingvy2=Math.random()*10+1 
} 
</script>
<body bgcolor="black">
</body>

A voir également

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.