Script Masters : Javascript : Index

Script Masters

Espace membre

Langages

Autres ressources

Emploi avec Jobintree

Ressources graphiques

Recherche

Kit graphique

Liens

Statistiques

Javascript >> Catégorie >> Texte >> Texte avec effet zoom

Description

Ce javascript permet de créer une superbe animation de texte avec un effet de zoom +/-. Très utile pour passer des messages chocs !

Exemple

[Cliquez ici pour visualiser l'exemple]

Informations et statistiques

Internet Explorer : oui
Netscape Navigator : oui
Auteur : Inconnu
Modifications N6 : Daniel Fabien
Date de création : Inconnue

Visualiser : 40976
Dont aujourd'hui : 2
Envoi par mail : 865
Commentaire : 1 ( Voir )

Conseils pour la personalisation du script

Vous pouvez bien sûr modifier les messages par ceux de votre choix.

Le script

Insérer ce script entre les balises <BODY> </BODY>

/*
Insérer ce script entre les balises <BODY> </BODY>
*/

/*
Inserer ici les messages à afficher
*/
var message2 = new initTableau(
"Script Masters",
"Le site du Webmaster",
"Plusieurs Exemples Javascripts",
"Tout pour dynamiser votre site"
);

/*
Déclaration de variables
vous pouvez modifier la vitesse et la taille de police max!
Attention : Plus vitesse est haut, plus la vitesse diminue!
*/
var vitesse = 50;
var cycle = 1000;
var taillemax = 36;
var police = "Arial";
var x = 0;
var y = 0;
var message, taille;

/*
Ne plus rien modifié sous cette ligne
*/

function initTableau() {
	this.length = initTableau.arguments.length;
	for (var i = 0; i < this.length; i++) {
		this[i] = initTableau.arguments[i];
 		}
	}

function DiminueTaille(){
	if (x > 1) {
		x--;
		setTimeout("DiminueTaille()",vitesse);
		}
	else {
		setTimeout("AugmenteTaille()",cycle);
		y++;
		if (y > message2.length - 1) y = 0;
		}

if(navigator.appName == "Netscape" && navigator.appVersion.indexOf("5") == -1){
		taille = ""; 
		document.calque.document.write(taille+"<center>"+message+"</center>");
		document.calque.document.close();
		}
	/*
	Condition pour Netscape 6
	*/
	if((navigator.appName == "Netscape") && (navigator.appVersion.indexOf("5") != -1)){
		document.getElementById("calque").innerHTML ="<center>"+message+"</center>";

}

if (navigator.appVersion.indexOf("MSIE") != -1){
		calque.innerHTML = "<center>"+message+"</center>";
		calque.style.fontSize=x+'px'
 		}
	}

/*
On adapte le calque selon le navigateur
*/

if(navigator.appName == "Netscape" && navigator.appVersion.indexOf("5") == -1)
document.write('<layer id="calque"></layer> ');
if((navigator.appName == "Netscape") && (navigator.appVersion.indexOf("5") != -1))
document.write('<DIV STYLE="font-size:12px" ID="calque"></DIV>');
if (navigator.appVersion.indexOf("MSIE") != -1)
document.write(' ');

setTimeout("AugmenteTaille()",vitesse);
</script>

Recevoir ce script par email

Entrez votre email ci-dessous pour recevoir ce script dans votre boite à lettre

Poster un commentaires :

Plus d'info :

Un problème ? Consultez le forum de Script Masters pour trouver la réponse !