Batch Index du Forum
S’enregistrerRechercherFAQMembresGroupesConnexion
Répondre au sujet Page 1 sur 1
[CODE SOURCE] ARC-EN-CIEL
Auteur Message
Répondre en citant
Message [CODE SOURCE] ARC-EN-CIEL 
Salut pour ceux qui veulent créer des structures html en forme d'arc-en-ciel ceci pourrez vous plaire Mr. Green


EXEMPLE : http://flammrock.tk/ArcEnCiel.html


Tous d'abord, veuillez ajouter ceci de préférence au début de votre script :

Code:
[lang=javascript]function ArcEnCiel(c) {
  if (typeof c=='undefined'){c={}}
  this.R=c.R||254;
  this.G=c.G||0;
  this.B=c.B||0;
  this.v=c.v||200;
  this.clear={
    R:this.R,
    G:this.G,
    B:this.B,
    v:this.v
  };
};
ArcEnCiel.prototype.change = function() {
  if (this.R<255 && this.G<=0 && this.B<=0) {this.R+=this.v}
  else if (this.R>=255 && this.G<255 && this.B<=0) {this.G+=this.v}
  else if (this.R>0 && this.G>=255 && this.B<=0) {this.R-=this.v}
  else if (this.R<=0 && this.G>=255 && this.B<255) {this.B+=this.v}
  else if (this.R<=0 && this.G>0 && this.B>=255) {this.G-=this.v}
  else if (this.R<255 && this.G<=0 && this.B>=255) {this.R+=this.v}
  else {this.B-=this.v}
  if(this.R>255){this.R=255}if(this.R<0){this.R=0}
  if(this.G>255){this.G=255}if(this.G<0){this.G=0}
  if(this.B>255){this.B=255}if(this.B<0){this.B=0}
  this.rgb='rgb('+this.R+','+this.G+','+this.B+')';
  return this.rgb;
};
ArcEnCiel.prototype.reset = function() {
  this.R=this.clear.R;
  this.G=this.clear.G;
  this.B=this.clear.B;
  this.v=this.clear.v;
};






Pour créer un arc-en-ciel, vous devez tous d'abord initialiser la variable qui contiendra l'arc-en-ciel :

Code:
[lang=javascript]var salut=new ArcEnCiel();


Voilà c'est FINI, c'est vrai que cette manipulation était très rigoureuse Mr. Green #ironie




Voici un petit exemple d'utilisation :

Code:
[lang=javascript]document.write('<p style="color:'+salut.change()+'">SALUT</p>');
document.write('<p style="color:'+salut.change()+'">O PUTAIN !!!!</p>');
document.write('<p style="color:'+salut.change()+'">xDDDD</p>');
document.write('<p style="color:'+salut.change()+'">SA MARCHEEEEEEEEEEE</p>');
document.write('<p style="color:'+salut.change()+'">MERCIII FLAMMROCK XDDDDDDD</p>');
document.write('<p style="color:'+salut.change()+'">Le plus beau Arc-En-Ciel du monde !!!</p>');
document.write('<p style="color:'+salut.change()+'">OUIIIIIII</p>');
document.write('<p style="color:'+salut.change()+'">YESSSSS YESSSSSSSSSS</p>');


Ou bien :

Code:
[lang=javascript]salut.reset();
salut.v=5;
for (var i=0;i<500; i++) {
  var tmp=salut.change();
  document.write('<div style="padding: 20px; display: inline-block; background: '+tmp+';"></div>');
}





______________________________________________________
la vie est trop courte pour retirer le périphérique USB en toute sécurité...
Si la statue de la liberté lève le bras depuis 125 ans, c'est parce qu'elle cherche du réseau sur son Blackberry Torches...
Grâce à mon nouveau correcteur automatiste sur mon téléphage, je ne fais plus aucune faute d'orthodontie.
Quelqu'un a t il déjà demandé au drapeau japonais ce qu'il enregistre depuis tout ce temps ?
Visiter le site web du posteur
Message Publicité 
PublicitéSupprimer les publicités ?


Montrer les messages depuis:
Répondre au sujet Page 1 sur 1
  



Index | créer un forum | Forum gratuit d’entraide | Annuaire des forums gratuits | Signaler une violation | Conditions générales d'utilisation
Copyright 2008 - 2016 // Batch