javascript, javascripts, js, jscript, scripts, script, html, dhtml, dynamic, cookies, menu, frames, formulaire, source, code, gratuit, exemple, developper, html, php4, php3, php, mysql, liens, php2, forum, livre d'or, pages, web, dynamiques, programmation, webmasters, webmestres, tutorial, tutoriel, annuaires, espace, membres, banniéres, caddies, chats, compteurs, formulaires, forums, gestion, documentations, news, mailing, list, newsletter, moteurs, recherche, sondages, votes, statistiques, autres, agendas, calendriers, mail, annonces, audio, outils, réseaux, graphique, recommandation, site, sécurité, portail, creation, actualité, moteur de recherche, moteur, trucs, astuces, services, flash, action script, actionscript
Script Masters : Javascript, Php, Mysql, html pour Webmasters!
 
    Script Masters
 
    Espace membre
 
    Langages
 
    Autres ressources
 
    Ressources graphiques
 
    Recherche
 
    Kit graphique
 
    Liens
 
    Statistiques


 




Javascript : Textes & Chaines De Caractères : un texte qui ondule !
Javascript >> Textes & Chaines De Caractères >> un texte qui ondule !



Le 08/10/2004, glork a écrit :


ce script permet d'ecrire un texte qui ondule sur l'ecran !


Voici le script :

<head>
<style type="text/css">
.spanstyle {
   position:absolute;
   visibility:visible;
top:100px;
font-size:15pt;
font-family:times new romans;
font-weight:bold;
color=#00CCAA;
filter="shadow(color=#000111,direction=75,enabled=1)";
}
</style>

<script type="text/javascript">
TEXT2="******************SCRIPT-MASTERS******************";
sizes=0;
Len=TEXT2.length;
temps=250;
Pas=50;
tempvv=500;
cpt=0;
Y0=100; X0=100;
A=Len;
Posx=new Array(Len-1);Posy=new Array(Len-1);
Dra=A;
Operat='-';

function Coord_FSin(T,Signe) //calcul des coord X,Y des Car Signe+ ou -
  {
  Pas=T/Len;
  for(i=0;i<Len;i++)
    {
    X=i*Pas;
    if(Signe=='+'){Y=Y0+A*Math.sin(2*(Math.PI/T)*X);}
    else Y=Y0-A*Math.sin(2*(Math.PI/T)*X);
    Posx[i]=X0+X;Posy[i]=Y;
    }
  }
function SINUSOID()
  {
  if (cpt<=Len-1)
    {
    Car=TEXT2.substring(cpt,cpt+1);//Substr des Caractere ds la Chaine de Car
document.getElementById("span"+cpt).style.left=Posx[cpt];
document.getElementById("span"+cpt).style.top=Posy[cpt];
    cpt+=1;
tps=setTimeout("SINUSOID()", 25);
    }
  else
    {
    if (Operat=='-') {Operat='+'}else Operat='-';
    Coord_FSin(10*Len,Operat);cpt=0;
    tps=setTimeout("SINUSOID()", 2500);
    }
}
</script> </head>
<body>
<script type="text/javascript">

for (i=0;i<=Len-1;i++) {
document.write("<span id='span"+i+"' class='spanstyle'>")
Car=TEXT2.substring(i,i+1);
document.write(Car)
document.write("</span>")
}
Coord_FSin(10*Len,"-")
SINUSOID();
</SCRIPT> </body>


Plus :
 
2901 lectures
Posez vos questions sur le forum Javascript!
Pas de commentaire - Poster un commentaire
Contacter l'auteur de l'astuce
Visiter le site de l'auteur


Ajouter une astuce

Pour ajouter une astuce, c'est très simple ! Il vous suffit de remplir ce formulaire.


Ajouter un commentaire

Nom/Pseudo :

Commentaire :




 
Votre nom de domaine est-il libre?
 
Fabien Daniel - fd-web.net © 2001-2008 | Hebergement : OVH | CNIL : 796128