Des lettres en vrac qui finissent par faire un message...

Commenter

Contenu du snippet

Des lettres tourbillonnent sur la page et finissent par écrire un message, puis elles disparaissent une par une, puis nouveau tourbillon de lettres et nouveau message...

Source / Exemple : 


<body>
<SCRIPT>
var exerc=new Array()
var Palcoul=new Array()

exerc[0]="Bienvenue sur cette page..."       //  messages à brasser !
exerc[1]="Changez le texte, la couleur, la vitesse..."
exerc[2]="Enfin tout ce que vous voulez..."
exerc[3]="Ce script est fait pour cela..."
exerc[4]="Il donnera à votre page, un peu..."
exerc[5]="De vitalité... Alors amusez-vous bien !"

Palcoul[0]="red"    // ici on change la couleurs des lettres
Palcoul[1]="blue"
Palcoul[2]="black"
Palcoul[3]="yellow"
Palcoul[4]="green"
Palcoul[5]="orange"

var flIc="verdana"    // la police

var sizeflIc=18

var sizeflIcHTML=3     //  pour Netscape 

var aTtentE=2      // une p'tite pause entre 2 messages

var GrasD="bold"
var GrasDo="<b>"
var GrasDou="</b>"
var Parfais="normal"
var Parfais1=""
var Parfais2=""
var EnPlace="topleft"
var Etend=new Array()
var Etendu=0
var Mess4g=0
var D3goul=0
var Ecarte=Math.floor(sizeflIc/1.3)
var All3
var Padnot=0
var Exploz
var PadnotChemin=0
var Cetout=1
var CetoutSec=Cetout*10
var Ximum=0
var OnaretLa=0
var GelAr=0
var TeHau=0
var LRgeur=1
var HTeur=1
var PointCent=0
var Dep4x=0
var Dep4y=0
aTtentE*=1000
var DisTxap=new Array()
var DisTyap=new Array()
var DisTexap=new Array()
var DisTeyap=0
var MaxiT=20
var MaxiMT=0
var ns4=document.layers?1:0
var ns6=document.getElementById&&!document.all?1:0 
var ie=document.all?1:0
for (i=0;i<=exerc.length-1;i++) {
	if (exerc[i].length>=Ximum) {Ximum=exerc[i].length}
}
for (i=0;i<=exerc.length-1;i++) {
	exerc[i]=exerc[i]+" "
}
var PoinTx=new Array()
for (i=0;i<=Ximum;i++) {
	PoinTx[i]=5000
}
var PoinTy=new Array()
for (i=0;i<=Ximum;i++) {
	PoinTy[i]=5000
}
function Cool(cafait) {		
	return Math.floor(cafait*Math.random())
}
function melange() {
	if (ie) {
		TeHau=parseInt(document.body.clientHeight)
		GelAr=parseInt(document.body.clientWidth)
	}
	if (ns4 || ns6) {
		TeHau=parseInt(window.innerHeight)
		GelAr=parseInt(window.innerWidth)
	}
	Dep4x=GelAr-2*parseInt(sizeflIc)
	Dep4y=TeHau-2*parseInt(sizeflIc)

	Autr3choz3()
}
function Autr3choz3() {
		Etendu=0
		var T3xas=exerc[Padnot]
		Exploz=T3xas.split("")
		if (ie) {
			for (i=0;i<=Exploz.length-1;i++) {
				var sesspan=eval("document.all.span"+i)
    			sesspan.innerHTML="<span style='font-family:"+flIc+";font-size:"+sizeflIc+";font-style:"+Parfais+";font-weight:"+GrasD+";color:"+Palcoul[D3goul]+";text-align:center'>"+Exploz[i]+"</span>"
				D3goul++
				if (D3goul>Palcoul.length-1) {D3goul=0}
				Etend[i]=Math.round(sesspan.offsetWidth*1.2)
				
				if (Etend[i]==0) {Etend[i]=parseInt(sizeflIc)}
				Etendu+=Etend[i]
				Mess4g=Math.round(document.all.span0.offsetHeight)
			}
		}
		if (ns6) {
			for (i=0;i<=Exploz.length-1;i++) {
				var sesspan=eval(document.getElementById('span'+i))
    			sesspan.innerHTML="<span style='font-family:"+flIc+";font-size:"+sizeflIc+";font-style:"+Parfais+";font-weight:"+GrasD+";color:"+Palcoul[D3goul]+"'>"+Exploz[i]+"</span>"
				D3goul++
				if (D3goul>Palcoul.length-1) {D3goul=0}
				Etend[i]=Math.round(parseInt(sesspan.offsetWidth)*1.2)
				if (Etend[i]==0) {Etend[i]=sizeflIc}
				Etendu+=Etend[i]
				Mess4g=Math.round(document.getElementById('span0').offsetHeight)
			}
			
		}
		if (ns4) {
			for (i=0; i<Exploz.length-1; i++) {
    			var sesspan=eval("document.span"+i+".document")
    			sesspan.write("<p><font size="+sizeflIcHTML+" color="+Palcoul[D3goul]+" face="+flIc+">"+Parfais1+GrasDo+Exploz[i]+GrasDou+Parfais2+"</font></p>")
				sesspan.close()
				Etend[i]=Math.round(sesspan.width*1.2)
				if (Etend[i]==0) {Etend[i]=sizeflIc}
				Etendu+=Etend[i]
				Mess4g=Math.round(document.span0.document.height)
				sesspan.clear()
				D3goul++
				if (D3goul>Palcoul.length-1) {D3goul=0}
    		}
			for (i=0; i<Exploz.length-1; i++) {
    			var sesspan=eval("document.span"+i)
    			sesspan.visibility="show"
    		}
		}
		Padnot++ 
		if (Padnot>=exerc.length) {Padnot=0}
		JtCherChe() 
}
function JtCherChe() {
	if (ie || ns6) {var padding_x=100}; if (ns4) {var padding_x=40};
	if (ie || ns6) {var padding_y=80}; if (ns4) {var padding_y=40};
	if (EnPlace=="middlecenter") {
		DisTexap[0]=(GelAr-Etendu)/2
		DisTeyap=(TeHau-Mess4g)/2
	}
	else if (EnPlace=="topleft") {
		DisTexap[0]=5
		DisTeyap=0
	}
	else if (EnPlace=="topcenter") {
		DisTexap[0]=(GelAr-Mess4g)/2
		DisTeyap=0
	}
	else if (EnPlace=="topright") {
		DisTexap[0]=GelAr-Mess4g
		DisTeyap=0
	}
	else if (EnPlace=="bottomleft") {
		DisTexap[0]=5
		DisTeyap=TeHau-Mess4g
	}
	else if (EnPlace=="bottomcenter") {
		DisTexap[0]=(GelAr-Etendu)/2
		DisTeyap=TeHau-Mess4g
	}
	else if (EnPlace=="bottomright") {
		DisTexap[0]=GelAr-Etendu
		DisTeyap=TeHau-Mess4g
	}
	for (i=1;i<Exploz.length-1;i++) {
	        DisTexap[i]=DisTexap[i-1]+Etend[i-1]
	}
	RappoRtComm()
}
function RappoRtComm() {
	if (ie) {
		for (i=0;i<Exploz.length-1;i++) {
			var sesspan=eval("document.all.span"+i+".style")
			sesspan.posLeft=Cool(Dep4x)
			sesspan.posTop=Cool(Dep4y)
		}
	}
	if (ns4) {
		for (i=0;i<Exploz.length-1;i++) {
			var sesspan=eval("document.span"+i)
			sesspan.left=Cool(Dep4x)
			sesspan.top=Cool(Dep4y)
		}
	}
	if (ns6) {
		for (i=0;i<Exploz.length-1;i++) {
			var sesspan=eval("document.getElementById('span'+i).style")
			sesspan.left=Cool(Dep4x)
			sesspan.top=Cool(Dep4y)
		}
	}
	QuicK()
}
function QuicK() {
	if (ie) {
		if (MaxiMT<=MaxiT-1) {
			for (i=0;i<Exploz.length-1;i++) {
				var sesspan=eval("document.all.span"+i+".style")
				DisTxap[i]=(DisTexap[i]-sesspan.posLeft)/(MaxiT-MaxiMT)
				DisTyap[i]=(DisTeyap-sesspan.posTop)/(MaxiT-MaxiMT)		
				sesspan.posLeft+=DisTxap[i]
				sesspan.posTop+=DisTyap[i]
			}
			MaxiMT++
			var All3=setTimeout("QuicK()",20)
		}
		else {
			MaxiMT=0
			clearTimeout(All3)
			All3=setTimeout("BeBacK()",aTtentE)
		}
	}
	if (ns4) {
		if (MaxiMT<=MaxiT-1) {
			for (i=0;i<Exploz.length-1;i++) {
				var sesspan=eval("document.span"+i)
				DisTxap[i]=(DisTexap[i]-sesspan.left)/(MaxiT-MaxiMT)
				DisTyap[i]=(DisTeyap-sesspan.top)/(MaxiT-MaxiMT)		
				sesspan.left+=DisTxap[i]
				sesspan.top+=DisTyap[i]
			}
			MaxiMT++
			var All3=setTimeout("QuicK()",20)
		}
		else {
			MaxiMT=0
			clearTimeout(All3)
			All3=setTimeout("BeBacK()",aTtentE)
		}
	}
	if (ns6) {
		if (MaxiMT<=MaxiT-1) {
			for (i=0;i<Exploz.length-1;i++) {
				var sesspan=eval("document.getElementById('span'+i).style")
				DisTxap[i]=(DisTexap[i]-parseInt(sesspan.left))/(MaxiT-MaxiMT)
				DisTyap[i]=(DisTeyap-parseInt(sesspan.top))/(MaxiT-MaxiMT)		
				sesspan.left=parseInt(sesspan.left)+DisTxap[i]
				sesspan.top=parseInt(sesspan.top)+DisTyap[i]
			}
			MaxiMT++
			var All3=setTimeout("QuicK()",20)
		}
		else {
			MaxiMT=0
			clearTimeout(All3)
			All3=setTimeout("BeBacK()",aTtentE)
		}
	}
}
function BeBacK() {
	if (ie) {
		if (MaxiMT<=Exploz.length-1) {
			var sesspan=eval("document.all.span"+MaxiMT+".style")
			sesspan.posLeft=-1000
			MaxiMT++
			var All3=setTimeout("BeBacK()",10)
		}
		else {
			clearTimeout(All3)
			MaxiMT=0
			var All3=setTimeout("Autr3choz3()",400)
		}
	}
	if (ns4) {
		if (MaxiMT<=Exploz.length-1) {
			var sesspan=eval("document.span"+MaxiMT)
			sesspan.left=-1000
			MaxiMT++
			var All3=setTimeout("BeBacK()",10)
		}
		else {
			clearTimeout(All3)
			MaxiMT=0
			Autr3choz3()
		}
	}
	
	if (ns6) {
		if (MaxiMT<=Exploz.length-1) {
			var sesspan=eval("document.getElementById('span'+MaxiMT).style")
			sesspan.left=-1000
			MaxiMT++
			var All3=setTimeout("BeBacK()",10)
		}
		else {
			clearTimeout(All3)
			MaxiMT=0
			Autr3choz3()
		}
	}
}

if (ie) {
	for (i=0;i<=Ximum;i++) {
    	document.write("<span id='span"+i+"' style='position:absolute'>")
		
    	document.write("</span>")
	}
	window.onload=melange
}
if (ns6) {
	for (i=0;i<=Ximum;i++) {
    	document.write("<span id='span"+i+"' style='position:absolute'>")
		document.write(Exploz)
    	document.write("</span>")
	}
	window.onload=melange
}
if (ns4) {
	for (i=0;i<=Ximum;i++) {
    	document.write("<layer name='span"+i+"' visibility=hide>")
		document.write(Exploz)
    	document.write("</layer>")
	}
	window.onload=melange
}
</script>
<body bgcolor="#cccccc">
</body>

Conclusion :


Script un peu long mais le résultat en vos la peine...

A voir également

S'inscrire maintenant

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.

Du même auteur (Bitter1)