Animation dynamique de bienvenue

Soyez le premier à donner votre avis sur cette source.

Vue 16 415 fois - Téléchargée 2 042 fois

Description

C'est une animation dont le texte s'agrandit progressivement puis change pour laisser la place à un autre texte, tout cela dynamiquement. Je vous conseille de regarder le résultat si l'explication n'est pas explicite ! Vous pouvez changer le texte ligne 15.

Source / Exemple :


<html>
<head>
<title>animation</title>
</head>
<body>
<div align="center" id="bienvenue">
</div>
<script>
<!--
i=0;
taille=0;
hauteur = (navigator.appName != "Microsoft Internet Explorer")? window.innerHeight : document.body.offsetHeight;
marge = hauteur/3;
document.getElementsByTagName('div')[0].style.marginTop = marge;
textanim = new Array("Bienvenue","sur","mon","site","perso !");
function animation() {
document.getElementsByTagName('div')[0].style.fontSize = ""+taille+"px";
document.getElementById('bienvenue').innerHTML = textanim[i];
if (taille < 150) {
taille++;
}
else {
i++;
taille=0;
}
if (i < textanim.length) {
setTimeout('animation()',20)
}
}
setTimeout('animation()',20);
//-->
</script>
</body>
</html>

Conclusion :


Le script est compatible avec tous les navigateurs. N'hésitez pas à me donner des conseil sur ce script !

Codes Sources

A voir également

Ajouter un commentaire

Commentaires

Messages postés
10
Date d'inscription
mardi 16 décembre 2008
Statut
Membre
Dernière intervention
22 mars 2011

Bonjour,
le script ne fonctionne plus avec la dernière version de firefox (3.6.13).
Une idée pour le modifier ?
Merci
Messages postés
2
Date d'inscription
vendredi 5 mai 2006
Statut
Membre
Dernière intervention
7 mai 2006

C'est une animation dont le texte s'agrandit progressivement, je vole le code an un table and funtion de zoom,

merçi,

tomas
Messages postés
1
Date d'inscription
dimanche 27 mai 2007
Statut
Membre
Dernière intervention
27 mai 2007

pal mal le script bon courage
Messages postés
2
Date d'inscription
mardi 23 novembre 2004
Statut
Membre
Dernière intervention
26 septembre 2005

hello Peter !
Je suis un petit nouveau dans la prog' et je voulais savoir si on pouvait redimentionner la balise
dans ton script ?
Messages postés
121
Date d'inscription
mardi 3 mai 2005
Statut
Membre
Dernière intervention
31 décembre 2005

super ton script
mais ca aurait été mieux avec des couleurs
mais c'est ton script
Afficher les 9 commentaires

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.