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.

Forum Crea illusion Fantasy


Aides,Codes,Conseils,Forum,Sites web,blogs,Tout supports,Photographie,Graphismes,Dessins,Peintures,Tutoriels,Publicités.

PublicationsAccueilFAQPortailS'enregistrerConnexionÉvènements
Ta bannière à la place d'honneur, Ici !

Partagez|

Enneigez vos liens ou images

Voir le sujet précédent Voir le sujet suivant Aller en bas
AuteurMessage
avatar
Messages : 6533
Venue : 27/06/2009 Je suis: : Féminin
Né(e) le : 17/09/1963
Age : 54
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 9789
Admin

Ptite_Perle
18 - 16
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/
AuteurMessage
avatar
Messages : 1344
Venue : 01/07/2009 Je suis: : Féminin
Né(e) le : 28/04/1952
Age : 65
Je vie à : Dijon
Humeur : Bonne Humeur
Mes Points : 2865
Admin

Mimi
18 - 16
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

-
» [Virtumonde] Mes liens ne s'ouvrent pas avec Internet Explorer
» Liens inactifs dans Outlook Express
» [Résolu] Affichage images dans un mail
» [résolu] Lien dans image survolée vers page html
» Insérer des images dans vos sujets.

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