CodeS-SourceS est hébergé par Frontier.fr

Ce site au démarrage

begin process at 2012 05 28 11:25:59

Accueil Codes Tutoriels Forum Livres Emploi Services Connexion

Trouver un code source :

dans

[ Dernières recherches ]

Accueil >

Code

Effets

> TEXTE QUI DÉGRINGOLE...

TEXTE QUI DÉGRINGOLE...

Information sur la source

Note :

9,67 / 10

Catégorie :Effets Niveau :Initié Date de création :31/12/2003 Vu :5 323

Auteur : Bitter1

Ecrire un message privé

Site perso

Commentaire sur cette source (1)

Ajouter un commentaire et/ou une note

Description

Un texte qui arrive en gondolant et qui chute en bas de page. Sympa et simple. Enfin simple pour les initiés...

Source

<html>
<head>
<style>
.styds {
position:absolute;
visibility:visible;
left:1000px;
}
</style>
<script LANGUAGE="JavaScript" type="text/JavaScript">
<!--
var msg = new Array() //ici on change le texte qui défile...
msg[0]="Bienvenue sur ma page..."
msg[1]="Vous pouvez changer..."
msg[2]="La couleur des lettres... "
msg[3]="La police et sa taille..."
msg[4]="La vitesse entre deux textes..."
msg[5]="Alors amusez-vous bien..."
var parc= new Array(555,9,553,10,551,13,543,13,539,13,533,10,529,9,527,9,521,7,518,8,513,9,511,11,508,13,506,16,501,17,496,18,493,17,489,15,483,9,478,9,474,9,467,12,462,17,458,19,453,20,449,21,444,18,438,15,435,9,432,9,425,8,418,9,417,11,413,12,411,15,409,17,407,19,399,19,392,20,382,19,378,17,373,14,368,10,366,9,357,7,349,8,341,9,335,11,322,13,316,17,302,18,294,17,289,12,286,10,279,7,275,7,268,9,269,9,266,12,261,17,251,17,242,17,228,16,221,10,217,9,213,9,209,9,204,9,195,14,189,16,178,16,167,16,158,14,148,13,147,8,136,7,125,6,113,9,105,14,94,16,69,16,61,15,41,15,34,15,22,16,12,16,13,15)
var attente=2 // temps de pause entre 2 messages
var fontcar="Arial" // la police
var sizecara=22 // la taille
var couleur=new Array("red","yellow","blue","green","white") // les couleurs
var fontgras=0 // 1 texte gras, 0 texte normal
var efglacer=0 // 1 pour un effet de relief 0 pour sans effet de relief
var espLettre=14 // espace des lettres
var bebit=parc[parc.length-2]
var debit=parc[parc.length-1]
var timer
var bitresult=bebit
var i_msg=0
var messages=""
var i_parc=0
var attentemillisec=attente*10
var maxbit=0
var i_lignes=0
var parcbit= new Array()
var ii=0
for (i=0;i<=parc.length-1;i=i+2) {
parcbit[ii]=parc[i]
ii++
}
ii=0
var parcbitY= new Array()
for (i=1;i<=parc.length-1;i=i+2) {
parcbitY[ii]=parc[i]
ii++
}
if (efglacer==1) {
efglacer="style='filter:glow(strength=1,color=yellow)'"
}
else {
efglacer=""
}
if (fontgras==1) {
fontgras="<b>"
}
else {
fontgras=""
}
for (i=0;i<=msg.length-1;i++) {
if (msg[i].length>=maxbit) {maxbit=msg[i].length}
}
for (i=0;i<=msg.length-1;i++) {
msg[i]=msg[i]+" "
}
if (document.layers) {
if (sizecara>20) {sizecara=6}
else if (sizecara>20) {sizecara=5}
else if (sizecara>14) {sizecara=4}
else if (sizecara>10) {sizecara=3}
else if (sizecara>8) {sizecara=2}
else if (sizecara<=7) {sizecara=1}
}
var xposit=new Array()
for (i=0;i<=maxbit;i++) {
xposit[i]=5000
}
var yposit=new Array()
for (i=0;i<=maxbit;i++) {
yposit[i]=5000
}
function aleat(range) {
return Math.floor(range*Math.random())
}
function go() {
if (i_parc<=parcbit.length-1) {
for (i=messages.length-1; i>=1; i--) {
xposit[i]=xposit[i-1]
yposit[i]=yposit[i-1]
}
xposit[0]=parcbit[i_parc]
yposit[0]=parcbitY[i_parc]
if (document.all) {
for (i=0; i<messages.length-1; i++) {
var navig = eval("document.all.span"+(i)+".style")
navig.posLeft=xposit[i]+(i*espLettre)
navig.posTop=yposit[i]
}
}
if (document.layers) {
for (i=0; i<messages.length-1; i++) {
var navig = eval("document.span"+i)
navig.left=xposit[i]+(i*espLettre)
navig.top=yposit[i]
}
}
i_parc++
timer=setTimeout("go()",20)
}
else {
clearTimeout(timer)
ligneN()
}
}
function ligneN() {
if (i_lignes<=attentemillisec) {
if (document.all) {
for (i=0; i<messages.length-1; i++) {
var navig = eval("document.all.span"+(i)+".style")
navig.posTop+=Math.ceil(8*Math.random())-4
}
}
if (document.layers) {
for (i=0; i<messages.length-1; i++) {
var navig = eval("document.span"+i)
navig.top+=Math.ceil(8*Math.random())-4
}
}
i_lignes++
timer=setTimeout("ligneN()",10)
}
else {
clearTimeout(timer)
i_lignes=0
ligneN2()
}
}
function ligneN2() {
if (i_lignes<=30) {
if (document.all) {
for (i=0; i<messages.length-1; i++) {
var navig = eval("document.all.span"+(i)+".style")
navig.posTop+=Math.ceil(200*Math.random())-70
}
}
if (document.layers) {
for (i=0; i<messages.length-1; i++) {
var navig = eval("document.span"+i)
navig.top+=Math.ceil(200*Math.random())-70
}
}
i_lignes++
timer=setTimeout("ligneN2()",20)
}
else {
clearTimeout(timer)
i_lignes=0
ondega()
}
}
function ondega() {
bitresult=debit
i_parc=0
for (i=0;i<=maxbit;i++) {
xposit[i]=5000
}
if (document.all) {
for (i=0;i<=maxbit;i++) {
var navig = eval("document.all.span"+i)
navig.innerHTML=" "
var navig = eval("document.all.span"+(i)+".style")
navig.posLeft=xposit[i]=5000
}
}
if (document.layers) {
for (i=0;i<=maxbit;i++) {
var navig = eval("document.span"+i+".document")
navig.write("<p> </p>")
navig.clear()
navig = eval("document.span"+i)
navig.left=5000
}
}
timer=setTimeout("tourNord()",2000)
}
function tourNord() {
var texte=msg[i_msg]
messages=texte.split("")
if (document.all) {
for (i=0;i<=messages.length-1;i++) {
var navig = eval("document.all.span"+i)
navig.innerHTML="<p style='font-family:"+fontcar+";font-size:"+sizecara+";color:"+couleur[Math.floor((couleur.length)*Math.random())]+"'>"+fontgras+messages[i]+"</p>"
}
}
if (document.layers) {
for (i=0; i<messages.length-1; i++) {
var navig=eval("document.span"+i+".document")
navig.write("<p><font size="+sizecara+" color="+couleur[Math.floor((couleur.length)*Math.random())]+" face="+fontcar+">"+fontgras+messages[i]+"</font></p>")
navig.clear()
}
}
i_msg++
if (i_msg>=msg.length) {i_msg=0}
bitresult=debit
i_parc=0
timer=setTimeout("go()",1000)
}
</script>
</head>
<body onLoad="tourNord()">
<body bgcolor=black>
<script><!--
for (i=0;i<=maxbit;i++) {
document.write("<span id='span"+i+"' class='styds' "+efglacer+">")
document.write(messages)
document.write("</span>")
}
</script>
</body>
</html>

<html>
<head>
<style>
.styds {
position:absolute;
visibility:visible;
left:1000px;
}
</style>
<script LANGUAGE="JavaScript" type="text/JavaScript">
<!-- 

var msg = new Array()          //ici on change le texte qui défile...
msg[0]="Bienvenue sur ma page..."
msg[1]="Vous pouvez changer..."
msg[2]="La couleur des lettres... "
msg[3]="La police et sa taille..."
msg[4]="La vitesse entre deux textes..."
msg[5]="Alors amusez-vous bien..."

var parc= new Array(555,9,553,10,551,13,543,13,539,13,533,10,529,9,527,9,521,7,518,8,513,9,511,11,508,13,506,16,501,17,496,18,493,17,489,15,483,9,478,9,474,9,467,12,462,17,458,19,453,20,449,21,444,18,438,15,435,9,432,9,425,8,418,9,417,11,413,12,411,15,409,17,407,19,399,19,392,20,382,19,378,17,373,14,368,10,366,9,357,7,349,8,341,9,335,11,322,13,316,17,302,18,294,17,289,12,286,10,279,7,275,7,268,9,269,9,266,12,261,17,251,17,242,17,228,16,221,10,217,9,213,9,209,9,204,9,195,14,189,16,178,16,167,16,158,14,148,13,147,8,136,7,125,6,113,9,105,14,94,16,69,16,61,15,41,15,34,15,22,16,12,16,13,15)

var attente=2     // temps de pause entre 2 messages

var fontcar="Arial"  // la police  
var sizecara=22     //  la taille

var couleur=new Array("red","yellow","blue","green","white") // les couleurs 
  
var fontgras=0    // 1 texte gras, 0 texte normal

var efglacer=0 // 1 pour un effet de relief  0 pour sans effet de relief
 
var espLettre=14   // espace des lettres

var bebit=parc[parc.length-2]
var debit=parc[parc.length-1]
var timer
var bitresult=bebit
var i_msg=0
var messages=""
var i_parc=0
var attentemillisec=attente*10
var maxbit=0
var i_lignes=0
var parcbit= new Array()
var ii=0
for (i=0;i<=parc.length-1;i=i+2) {
	parcbit[ii]=parc[i]
	ii++
}
ii=0
var parcbitY= new Array()
for (i=1;i<=parc.length-1;i=i+2) {
	parcbitY[ii]=parc[i]
	ii++
}
if (efglacer==1) {
	efglacer="style='filter:glow(strength=1,color=yellow)'"
}
else {
	efglacer=""
}
if (fontgras==1) {
	fontgras="<b>"
}
else {
	fontgras=""
}
for (i=0;i<=msg.length-1;i++) {
	if (msg[i].length>=maxbit) {maxbit=msg[i].length}
}
for (i=0;i<=msg.length-1;i++) {
	msg[i]=msg[i]+" "
}
if (document.layers) {
	if (sizecara>20) {sizecara=6}
	else if (sizecara>20) {sizecara=5}
	else if (sizecara>14) {sizecara=4} 
	else if (sizecara>10) {sizecara=3}
	else if (sizecara>8) {sizecara=2}
	else if (sizecara<=7) {sizecara=1}
}
var xposit=new Array()
for (i=0;i<=maxbit;i++) {
	xposit[i]=5000
}
var yposit=new Array()
for (i=0;i<=maxbit;i++) {
	yposit[i]=5000
} 
function aleat(range) {		
	return Math.floor(range*Math.random())
}
function go() {
	if (i_parc<=parcbit.length-1) {
		for (i=messages.length-1; i>=1; i--) {
   			xposit[i]=xposit[i-1]
			yposit[i]=yposit[i-1]
    	}
		xposit[0]=parcbit[i_parc]
		yposit[0]=parcbitY[i_parc]
		if (document.all) {
			for (i=0; i<messages.length-1; i++) {
    			var navig = eval("document.all.span"+(i)+".style")
    			navig.posLeft=xposit[i]+(i*espLettre)
				navig.posTop=yposit[i]
    		}
		}
		if (document.layers) {
			for (i=0; i<messages.length-1; i++) {
    			var navig = eval("document.span"+i)
    			navig.left=xposit[i]+(i*espLettre)
				navig.top=yposit[i]
    		}
		}
		i_parc++
		timer=setTimeout("go()",20)
	}
	else {
		clearTimeout(timer)
		ligneN()
	}
}
function ligneN() {
	if (i_lignes<=attentemillisec) {
		if (document.all) {
			for (i=0; i<messages.length-1; i++) {
    			var navig = eval("document.all.span"+(i)+".style")
				navig.posTop+=Math.ceil(8*Math.random())-4
    		}
		}
		if (document.layers) {
			for (i=0; i<messages.length-1; i++) {
    			var navig = eval("document.span"+i)
				navig.top+=Math.ceil(8*Math.random())-4
    		}
		}
		i_lignes++
		timer=setTimeout("ligneN()",10)
	}
	else {
		clearTimeout(timer)
		i_lignes=0
		ligneN2()
	}
}
function ligneN2() {
	if (i_lignes<=30) {
		if (document.all) {
			for (i=0; i<messages.length-1; i++) {
    			var navig = eval("document.all.span"+(i)+".style")
				navig.posTop+=Math.ceil(200*Math.random())-70
    		}
		}
		if (document.layers) {
			for (i=0; i<messages.length-1; i++) {
    			var navig = eval("document.span"+i)
				navig.top+=Math.ceil(200*Math.random())-70
    		}
		}
		i_lignes++
		timer=setTimeout("ligneN2()",20)
	}
	else {
		clearTimeout(timer)
		i_lignes=0
		ondega()
	}
}
function ondega() {
		bitresult=debit
		i_parc=0
		for (i=0;i<=maxbit;i++) {
			xposit[i]=5000
		}
		if (document.all) {
			for (i=0;i<=maxbit;i++) {
				var navig = eval("document.all.span"+i)
    			navig.innerHTML=" "
				var navig = eval("document.all.span"+(i)+".style")
    			navig.posLeft=xposit[i]=5000
			}
		}
		if (document.layers) {
			for (i=0;i<=maxbit;i++) {
				var navig = eval("document.span"+i+".document")
    			navig.write("<p> </p>")
				navig.clear()
				navig = eval("document.span"+i)
    			navig.left=5000
			}
		}
		timer=setTimeout("tourNord()",2000)
}
function tourNord() {
		var texte=msg[i_msg]
		messages=texte.split("")
		if (document.all) {
			for (i=0;i<=messages.length-1;i++) {
				var navig = eval("document.all.span"+i)
    			navig.innerHTML="<p style='font-family:"+fontcar+";font-size:"+sizecara+";color:"+couleur[Math.floor((couleur.length)*Math.random())]+"'>"+fontgras+messages[i]+"</p>"
			}
		}
		if (document.layers) {
			for (i=0; i<messages.length-1; i++) {
    			var navig=eval("document.span"+i+".document")
    			navig.write("<p><font size="+sizecara+" color="+couleur[Math.floor((couleur.length)*Math.random())]+" face="+fontcar+">"+fontgras+messages[i]+"</font></p>")
				navig.clear()
    		}
		}
		i_msg++ 
		if (i_msg>=msg.length) {i_msg=0}
		bitresult=debit
		i_parc=0
		timer=setTimeout("go()",1000)
}

</script>
</head>
<body onLoad="tourNord()">
<body bgcolor=black>
<script><!-- 
for (i=0;i<=maxbit;i++) {
document.write("<span id='span"+i+"' class='styds' "+efglacer+">")
document.write(messages)
document.write("</span>")
}
</script>
</body>
</html>

Conclusion

Vous pouvez modifier pas mal de chose pour le rendre plus cool encore...

Sources du même auteur

DES MOTS QUI JONGLENT AVEC LE POINTEUR...

ON BRASSE LES LETTRES, ET UN MESSAGE DU BIENVENUE S'AFFICHE....

DES LETTRES EN VRAC QUI FINISSENT PAR FAIRE UN MESSAGE...

LIENS SOUS FORME DE MESSAGE SE PROMÈNE DE FAÇON ALÉATOIRE......

TEXTE DÉFILANT DANS PETIT TABLEAU PLUTÔT QUE DANS LA BARRE D...

Toutes les sources de Bitter1

Sources de la même categorie

BOUTON ROTATIF par kazma

SHOWMAPAREA par phidelum

DHTML IE FILTRE DÉGRADÉ (OUTIL HTML POUR DÉVELOPPEUR) par internetdev

ANIMATION DU TEXTE par brennal

EFFET RAYONS DU SOLEIL par tefa24600

Toutes les sources de la catégorie Effets

Commentaires et avis

Commentaire de diduss le 31/05/2005 23:40:59

Sympa et coloré, fonctionne parfaitement, fluide et rapide, le texte est bien lisible, en un mot un bon script réussi.

Ajouter un commentaire

Nos sponsors

Derniers Blogs

IMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg

KINECT 1.5 IS OUT ! par Vko

LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc

REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc

SHAREPOINT BLOG SITE, PROBLèME D'ARCHIVES par junarnoalg

Forum

MULTI SLIDER UNE SEUL PAGE par karouani

RE : CODE POUR FAIRE APPARAîTRE UN TEXTE EN DESSOUS D'UN LIEN par emuleed2k

RE : RéCUPERATION D'UNE VARIABLE DE JAVASCRIPT VIA PHP par smahaneAAI

POPUP OUVERT à PARTIR D'UN IFRAME par mrassaa

UTILISER UN .JS par zaikoe

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

Realisation d-une version 2 d-un site e-commerce existant sous prestashop-REPUBLICATION
Budget : 5 000€
Recherche Infogerance Serveur Debian Linux
Budget : 1 800€
Creation d-un site vitrine avec MagentO
Budget : 2 000€

Logiciels

sDEVIS-FACTURES vlPRO (8.1.0.3)
SDEVIS-FACTURES VLPRO (8.1.0.3)

sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa...

Cliquez pour télécharger sDEVIS-FACTURES vlPRO
974 Application Server (12.2.4.6)
974 APPLICATION SERVER (12.2.4.6)

Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc...

Cliquez pour télécharger 974 Application Server
vPicture (1.4.2.1)
VPICTURE (1.4.2.1)

Avec vPicture, hébergez vos images facilement et rapidement. vPicture est un utilitaire simple, ...

Cliquez pour télécharger vPicture
Easy-Planning (2.2.1.6)
EASY-PLANNING (2.2.1.6)

Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au...

Cliquez pour télécharger Easy-Planning
COM-BACKUP (2.0)
COM-BACKUP (2.0)

COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...

Cliquez pour télécharger COM-BACKUP