CodeS-SourceS est hébergé par Frontier.fr

Ce site au démarrage

begin process at 2012 05 28 13:01:51

Accueil Codes Tutoriels Forum Livres Emploi Services Connexion

Trouver un code source :

dans

[ Dernières recherches ]

Accueil >

Effets

> UN CLIC DE SOURIS QUI FAIT JAILLIR DU TEXTE....

UN CLIC DE SOURIS QUI FAIT JAILLIR DU TEXTE....

Information sur la source

Note :

6,00 / 10

Catégorie :Effets Niveau :Initié Date de création :28/11/2003 Vu :6 947

Auteur : Bitter1

Ecrire un message privé

Site perso

Commentaire sur cette source (3)

Ajouter un commentaire et/ou une note

Description

Cliquez et un texte jailli de toutes les couleurs...

Source

<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>

<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>

Sources du même auteur

DES MOTS QUI JONGLENT AVEC LE POINTEUR...

ON BRASSE LES LETTRES, ET UN MESSAGE DU BIENVENUE S'AFFICHE....

DES LETTRES EN VRAC QUI FINISSENT PAR FAIRE UN MESSAGE...

LIENS SOUS FORME DE MESSAGE SE PROMÈNE DE FAÇON ALÉATOIRE......

TEXTE DÉFILANT DANS PETIT TABLEAU PLUTÔT QUE DANS LA BARRE D...

Toutes les sources de Bitter1

Sources de la même categorie

BOUTON ROTATIF par kazma

SHOWMAPAREA par phidelum

DHTML IE FILTRE DÉGRADÉ (OUTIL HTML POUR DÉVELOPPEUR) par internetdev

ANIMATION DU TEXTE par brennal

EFFET RAYONS DU SOLEIL par tefa24600

Toutes les sources de la catégorie Effets

Commentaires et avis

Commentaire de jlbrenas le 29/11/2003 09:54:31

Salut,

C'est assez original, mais si le message doit être plus long; il manquera de lisibilité et de clarté. Certains paramètres doivent pouvoir se changer pour contrer cet inconvénient. En tout cas, bravo pour cette idée originale, surtout à l'approche des fêtes de fin d'année 2003 qui va permettre sur certains sites des messages festifs innatendus.
Bravo et merci.

Commentaire de ImmortalPC le 04/07/2004 15:24:19

comment on fait pour que lorsque l'on clique gauche sa ne mette pas le texte?

Commentaire de Java bleue le 16/07/2004 14:20:38

Niquel, à part que le script est un peu long.

Ajouter un commentaire

Nos sponsors

Derniers Blogs

IMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg

KINECT 1.5 IS OUT ! par Vko

LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc

REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc

SHAREPOINT BLOG SITE, PROBLèME D'ARCHIVES par junarnoalg

Forum

MULTI SLIDER UNE SEUL PAGE par karouani

RE : CODE POUR FAIRE APPARAîTRE UN TEXTE EN DESSOUS D'UN LIEN par emuleed2k

RE : RéCUPERATION D'UNE VARIABLE DE JAVASCRIPT VIA PHP par smahaneAAI

POPUP OUVERT à PARTIR D'UN IFRAME par mrassaa

UTILISER UN .JS par zaikoe

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

Recheche Web Master pour MAJ de plateformes Musical
Budget : 500€
Realisation d-une version 2 d-un site e-commerce existant sous prestashop-REPUBLICATION
Budget : 5 000€
Recherche Infogerance Serveur Debian Linux
Budget : 1 800€

Logiciels

sDEVIS-FACTURES vlPRO (8.1.0.3)
SDEVIS-FACTURES VLPRO (8.1.0.3)

sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa...

Cliquez pour télécharger sDEVIS-FACTURES vlPRO
974 Application Server (12.2.4.6)
974 APPLICATION SERVER (12.2.4.6)

Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc...

Cliquez pour télécharger 974 Application Server
vPicture (1.4.2.1)
VPICTURE (1.4.2.1)

Avec vPicture, hébergez vos images facilement et rapidement. vPicture est un utilitaire simple, ...

Cliquez pour télécharger vPicture
Easy-Planning (2.2.1.6)
EASY-PLANNING (2.2.1.6)

Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au...

Cliquez pour télécharger Easy-Planning
COM-BACKUP (2.0)
COM-BACKUP (2.0)

COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...

Cliquez pour télécharger COM-BACKUP