Franc83


Texte choc Convertir en PDF Version imprimable
14-07-2008

Effets de textes javascript



Texte ondulant



Exemple :

Les codes à insérer :

Le java script entre les balises <head>

<script language="JavaScript1.2">
message="Bienvenue sur Aide Astuces Diary Weblog"
ns6switch=500
var ns6=document.getElementById&&!document.all
mes=new Array();
mes[0]=-1;
mes[1]=-10;
mes[2]=-20;
mes[3]=-40;
mes[4]=-20;
mes[5]=-10;
mes[6]=-1;
num=5;
num2=0;
txt="";
function jump0(){
if (ns6&&!ns6switch){
jump.innerHTML=message
return
}
if(message.length > 6){
for(i=0; i != message.length;i++){
txt=txt+"<span style='position:relative;' id='n"+i+"'>"+message.charAt(i)+"</span>"};
jump.innerHTML=txt;
txt="";
jump1a()
}
else{
alert("Your message is to short")
}
}
function jump1a(){
nfinal=(document.getElementById)? document.getElementById("n0") : document.all.n0
nfinal.style.left=-num2;
if(num2 != 9){
num2=num2+3;
setTimeout("jump1a()",50)
}
else{
jump1b()
}
}
function jump1b(){
nfinal.style.left=-num2;
if(num2 != 0){num2=num2-3;
setTimeout("jump1b()",50)
}
else{
jump2()
}
}
function jump2(){
txt="";
for(i=0;i != message.length;i++){
if(i+num > -1 && i+num < 7){
txt=txt+"<span style='position:relative;top:"+mes[i+num]+"'>"+message.charAt(i)+"</span>"
}
else{txt=txt+"<span>"+message.charAt(i)+"</span>"}
}
jump.innerHTML=txt;
txt="";
if(num != (-message.length)){
num--;
setTimeout("jump2()",90)}
else{num=0;
setTimeout("jump0()",90)}}
</script>



A l'endroit ou vous voulez faire apparaître la phrase qui ondule :

<h2><div id="jumpx" style="color:#1E90FF" align="center"></div></h2>



Script à insérer ensuite dans le code source entre les balises <body> :

<script>
if (document.all||document.getElementById){
jump=(document.getElementById)? document.getElementById("jumpx") : document.all.jumpx
jump0()
}
else
document.write(message)
</script>

 

Les réglages :

mes[0]=-1;
mes[1]=-10;
mes[2]=-20;
mes[3]=-40;  Ces chiffres représentent la ligne de base et la hauteur atteinte par les lettres
mes[4]=-20;
mes[5]=-10;
mes[6]=-1;

setTimeout("jump1a()",50) Pour augmenter ou baisser la vitesse d'ondulation.

 

ALBIDOCHON (sources : © HIWIT tous droits réservés )



Dans le même esprit


 
< Précédent   Suivant >

S'abonner

devenir amis sur facebook

Votre adresse email ici pour recevoir les nouveautés du site directement dans votre boite

Nos Gadgets

Installez nos gadgets

gratuits Live Spaces

albi-gadget.jpg

Albidochon

oeil2moscou.jpg

Oeil 2 Moscou

Aidez-nous

aidez-nous

Recommandez ce
site à un ami

Statistiques

Powered By PageCache
Generated in 0.17650 Seconds