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 ondulant

Description

Voici un effet dhtml qui fait onduler le texte de votre choix. Superbe!

Exemple

[Cliquez ici pour visualiser l'exemple]

Informations et statistiques

Internet Explorer : 4+
Netscape Navigator : 6+
Auteur : inconnu
Date de création : inconnue
Modification N6 : Daniel Fabien

Visualiser : 24900
Dont aujourd'hui : 2
Envoi par mail : 451
Commentaire : 0

Conseils pour la personalisation du script

Il vous suffit d'entrer votre texte ici :
var TexteOndulant = "Script Masters";

Le script

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

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

//Entrez ci-dessous le texte que vous souahitez voir onduler :
var TexteOndulant = "Script Masters";

function chgdiv(texte){

if (document.all){
		document.all["text"].innerHTML=texte;
		}
	else if (document.getElementById) {
		document.getElementById("text").innerHTML = texte;
		}
	else if (navigator.appName=="Netscape"){ 
 		document.layers["text"].document.write(texte); 
  		document.layers["text"].document.close(); 
 		}
	}

function nextSize(i,incMethod,textLength){ 
  if (incMethod == 1) return (40*Math.abs( Math.sin(i/(textLength/3.14))) ); 
  if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14)))); 
}

function sizeCycle(text,method,dis){ 
  output = ""; 
  for (i = 0; i < text.length; i++){ 
    size = parseInt(nextSize(i +dis,method,text.length)); 
    output += "<font face='arial' style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>"; 
  } 
  chgdiv(output); 
}

function doWave(n){ 
  theText = TexteOndulant; 
  sizeCycle(theText,1,n); 
  if (n > theText.length) {n=0} 
  setTimeout("doWave(" + (n+1) + ")", 25); 
}

</script>

Remplacez votre tag <Body> par celui-ci:

Insérer ce code entre les balises <Body> </Body>

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 !