Animation dynamique de bienvenue
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.
Le script est compatible avec tous les navigateurs. N'hésitez pas à me donner des conseil sur ce script !
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
- Animation dynamique de bienvenue
- Cv dynamique - Forum PHP
- Java swing animation ✓ - Forum Java
- Devis site web dynamique ✓ - Forum PHP
- Tableau dynamique c++ - Forum C / C++ / C++.NET
- Bmp animation ✓ - Forum Visual Basic 6
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.