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


Aides,Codes,Conseils,Forum,Sites web,blogs,Tout supports,Photographie,Graphismes,Dessins,Peintures,Tutoriels,Publicités.
 
AccueilPortailÉvènementsFAQPublicationsPublicationsS'enregistrerConnexion
Ta bannière, Ici !


Partagez | .
 

 Enneigez vos liens ou images

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Ptite_Perle
Admin


avatar


Messages : 6176
Venue : 27/06/2009 Je suis: : Féminin
Né(e) le : 17/09/1963
Age : 53
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 9232

MessageSujet: Enneigez vos liens ou images   Lun 28 Mar 2011 - 14:27


Voici un code pour enneigez vos liens ou images, au passage de la souris, sympa pour les fêtes de fin d'année.

Code:
<script>
// Set the number of snowflakes (more than 30 - 40 not recommended)
var snowmax=35

// Set the colors for the snow. Add as many colors as you like
var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD")

// Set the fonts, that create the snowflakes. Add as many fonts as you like
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")

// Set the letter that creates your snowflake (recommended:*)
var snowletter="*"

// Set the speed of sinking (recommended values range from 0.3 to 2)
var sinkspeed=0.6

// Set the maximal-size of your snowflaxes
var snowmaxsize=22

// Set the minimal-size of your snowflaxes
var snowminsize=8

// Set the width of the snowing-zone (pixels)
var snowboxwidth=100

///////////////////////////////////////////////////////////////////////////
// CONFIGURATION ENDS HERE
///////////////////////////////////////////////////////////////////////////

// Do not edit below this line
var snow=new Array()
var marginbottom
var marginright
var marginleft
var margintop
var snowingzone=1
var posleft
var postop
var is_snowing=false
var timer
var i_snow=0
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all
var opera=browserinfos.match(/Opera/) 
var browserok=ie5||ns6||opera

function randommaker(range) {      
   rand=Math.floor(range*Math.random())
    return rand
}

function startsnow() {
   is_snowing=true
   if (ie5 || opera) {
      margintop = postop+15
      marginbottom = document.body.clientHeight
      marginleft = posleft
      marginright = posleft+snowboxwidth
   }
   else if (ns6) {
      margintop = postop+15
      marginbottom = window.innerHeight
      marginleft = posleft
      marginright = posleft+snowboxwidth
   }
   var snowsizerange=snowmaxsize-snowminsize
   for (i=0;i<=snowmax;i++) {
      crds[i] = 0;                     
       lftrght[i] = Math.random()*15;       
       x_mv[i] = 0.03 + Math.random()/10;
      snow[i]=document.getElementById("s"+i)
      snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
      snow[i].size=randommaker(snowsizerange)+snowminsize
      snow[i].style.fontSize=snow[i].size
      snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
      snow[i].sink=sinkspeed*snow[i].size/5
      snow[i].posx=randommaker(snowboxwidth)+marginleft-2*snow[i].size
      if (ie5 || opera) {
         if (snow[i].posx>=document.body.clientWidth-2*snow[i].size) {
            snow[i].posx=snow[i].posx-snowboxwidth
         }
      }
      if (ns6) {
         if (snow[i].posx>=window.innerWidth-2*snow[i].size) {
            snow[i].posx=snow[i].posx-snowboxwidth
         }
      }
      snow[i].posy=randommaker(marginbottom-margintop)+margintop-2*snow[i].size
      snow[i].style.left=snow[i].posx
      snow[i].style.top=snow[i].posy
      snow[i].style.visibility="visible";
      
   }
   movesnow()
}

function stopsnow() {
   is_snowing=false
}

function movesnow() {
   if (is_snowing) {
      for (i=0;i<=snowmax;i++) {
         crds[i] += x_mv[i];
         snow[i].posy+=snow[i].sink
         snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i]);
         snow[i].style.top=snow[i].posy
      
         if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
            snow[i].posx=randommaker(snowboxwidth)+marginleft-2*snow[i].size
            if (ie5 || opera) {
               if (snow[i].posx>=document.body.clientWidth-2*snow[i].size) {
                  snow[i].posx=snow[i].posx-snowboxwidth
               }
            }
            if (ns6) {
               if (snow[i].posx>=window.innerWidth-2*snow[i].size) {
                  snow[i].posx=snow[i].posx-snowboxwidth
               }      
            }
            snow[i].posy=randommaker(marginbottom-margintop)+margintop-2*snow[i].size
         }
      }
      var timer=setTimeout("movesnow()",50)
   }
   else {
      for (i=0;i<=snowmax;i++) {
         snow[i].style.visibility="hidden";
      }
   }
}

function getcoordinates(e) {
   if (ie5 || opera) {
      posleft=document.body.scrollLeft+window.event.x;
      postop=document.body.scrollTop+window.event.y;
   }
   if (ns6) {
      posleft=e.pageX
      postop=e.pageY
   }
}

for (i=0;i<=snowmax;i++) {
   document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
}
if (browserok) {
   document.onmousemove=getcoordinates
}
</script>



Remplacez [Vous devez être inscrit et connecté pour voir ce lien] et Votre lien dans le code par vos liens textes ou images et les dimensions pour vos images le width et le height:

Code:
<a href="http://monsite.com" onMouseOver="startsnow()" onMouseOut="stopsnow()">Votre lien<a>

Sur une image, le code est :

Code:
<a href="http://monsite.com " target="_blank" onMouseOver="startsnow()" onMouseOut="stopsnow()"><img border="0" src="url de votre image ou lien image" width="300" height="600"></a>
Revenir en haut Aller en bas
http://www.creaillusionfantasy.com/
Mimi
Admin


avatar


Messages : 1325
Venue : 01/07/2009 Je suis: : Féminin
Né(e) le : 28/04/1952
Age : 65
Je vie à : Dijon
Humeur : Bonne Humeur
Mes Points : 2842

MessageSujet: Re: Enneigez vos liens ou images   Lun 28 Mar 2011 - 20:06

Merci Perle cela nous servira pour lesfêtes
Revenir en haut Aller en bas
http://www.mimicreations.fr
 

Enneigez vos liens ou images

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

 Sujets similaires

-
» Liens et images postés - accès restreint
» problème avec Défilement d'images avec liens (partenaires) :
» Permissions sur les images et les liens dans les sujets
» Activation des images et liens
» Images-liens pour illustrer ses forums et sous-forums

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Forum Crea illusion Fantasy  :: Sites web-