Forum d'entraide Crea illusion Fantasy


Coucou,

Merci de nous rejoindre sur le forum, j'espère que l'on passera de bons moments ensembles.

Au plaisir de te lire dans les différentes catégories.

Le Staff du forum Crea illusion Fantasy.

Forum d'entraide Crea illusion Fantasy

Aides, Conseils, Forum, Sites web, blogs, tout supports, Graphismes, Tutoriels, Publicités.


AccueilAccueil  FAQFAQ  PortailPortail  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez|

Phrase avec pluie de mot

Voir le sujet précédent Voir le sujet suivant Aller en bas
AuteurMessage
avatar
Messages : 5007
Venue : 27/06/2009 Je suis : Féminin
Né(e) le : 17/09/1963
Age : 55
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 10549
Fondatrice
Ptite_Perle
18 - 16
MessageSujet: Phrase avec pluie de mot Ven 1 Déc 2017 - 17:36

Coucou

Voici un script, pour écrire une phrase et en cliquant sur celle-ci une pluie de mots jaillies

Code:
<HTML>
  <HEAD>
  <SCRIPT LANGUAGE="JavaScript">
  var sourisX, sourisY;
var flag = 0;
var posX = new Array();
var posY = new Array();
var isNetscape4 = (document.layers) ? true : false;
var isNetscape6 = !document.all && document.getElementById;
var isNetscape = isNetscape4 || isNetscape6;

var nb_point;
var hauteur = new Array();
var largeur = new Array();
var sens = new Array();
var nb_fois;
var compteur;
var origineY;

function initTrailer(caractere,police,taille,nombre,duree) {
  nb_point = nombre;
  nb_fois = duree/20;

  document.write("<STYLE type=text/css>");
  document.write(".styleTrailer {VISIBILITY: hidden;");
  document.write("FONT-SIZE: "+taille+"px;");
  document.write("FONT-FAMILY: "+police+"; POSITION: absolute;}");
  document.write("</STYLE>");

  for (i=0; i<nb_point; i++) {
    document.write("<SPAN ID='calque"+i+"' CLASS='styleTrailer'>");
    document.write(caractere+"</SPAN>")
  }

  if (isNetscape6)
    document.addEventListener("mousedown",gestionSouris,true);
  else {
    if (isNetscape4)
      document.captureEvents(Event.CLICK);
    document.onmousedown = gestionSouris;
  }
  animationTrailer();
}

function gestionSouris(evenement) {
  if (isNetscape) {
    sourisX = evenement.pageX;
    sourisY = evenement.pageY;
  }
  else {
    sourisX = event.clientX + document.body.scrollLeft;
    sourisY = event.clientY + document.body.scrollTop;
  }

  if (flag == 0) {
    for (i=0; i<nb_point; i++) {
      couleur = "#"+((Math.random()>.5) ? "FF" : "80")
      couleur += ((Math.random()>.5) ? "FF" : "80");
      couleur += ((Math.random()>.5) ? "FF" : "80");
      if (isNetscape4)
        eval('document.layers["calque'+i+'"].color = "'+couleur+'";');
      else if (isNetscape6)
        eval('document.getElementById("calque'+i+'").style.color = "'+couleur+'";');
      else
        eval('document.all.calque'+i+'.style.color = "'+couleur+'";');

      sens[i] = (Math.random()>.5) ? -1 : 1;
      largeur[i] = Math.random()*1.5;
      hauteur[i] = Math.random()*2+1;

      posX[i] = sourisX;
      posY[i] = sourisY;
      visibilite("calque"+i,true);
    }
    compteur = nb_fois;
    origineY = sourisY;
    flag = 1;
  }
}

function animationTrailer() {
  if (flag == 1) {
    for (i=0; i<nb_point; i++) {
      posX[i] = posX[i] + sens[i]*largeur[i];
      posY[i] = origineY + hauteur[i]*((nb_fois-compteur-30)*(nb_fois-compteur-30)/30-30);
    }
    compteur--;
 
    for (i=0; i<nb_point; i++) {
      if (isNetscape4) {
        var calque = eval("document.calque"+i);
        calque.left = posX[i];
        calque.top = posY[i];
      }
      else if (isNetscape6) {
        var calque = eval("document.getElementById('calque"+i+"').style");
        calque.left = posX[i];
        calque.top = posY[i];
      }
      else {
        var calque = eval("calque"+(i)+".style");
        calque.posLeft = posX[i];
        calque.posTop = posY[i];
      }
    }

    if (compteur == 0) {
      for (i=0; i<nb_point; i++)
        visibilite("calque"+i,false);
      flag = 0;
    }
  }

  setTimeout("animationTrailer()",20);
}

function visibilite(calque,etat) {
  if (etat == false)
    etat = (isNetscape4) ? "hide" : "hidden";
  else
    etat = "visible";
  if (isNetscape4)
    eval('document.layers["'+calque+'"].visibility = "'+etat+'";');
  else if (isNetscape6)
    eval('document.getElementById("'+calque+'").style.visibility = "'+etat+'";');
  else
    eval('document.all.'+calque+'.style.visibility = "'+etat+'";');
}

    </SCRIPT>
  </HEAD>
   
    <SCRIPT LANGUAGE=JavaScript>
    </SCRIPT>
  </HEAD>

  <BODY BGCOLOR="blue">
  <Font size=+1, color='White'>Un petit clic pour faire jaillir du texte</font>
    <SCRIPT LANGUAGE=JavaScript>{
      initTrailer("Super", "Arial", 25, 20, 1900);
      }
    </SCRIPT>
  </BODY>
</HTML>
Revenir en haut Aller en bas
http://www.creaillusionfantasy.com/

Phrase avec pluie de mot

Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 1

Sujets similaires

-
» Je grimpe tout doucement dans le pommier ! 4/4
» Problème avec le lien dans une phrase
» Problème avec le script donné dans le tuto "créer une pluie d'image"
» GPS sous la pluie
» j ai des souci , je debute depuis ce jour avec linux fedora

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Forum d'entraide Crea illusion Fantasy :: Caverne d'Alibaba du forum :: Outils Webmasters-