Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5847 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 120011 Curseur paillette | | Coucou Voici comment avoir de petites paillettes sous votre curseur Javascript, cochez toutes les pages. - Code:
-
var colour = "#FFFFFF"; // couleur des étoiles var sparkles = 300; // nombre d'étoiles var x = ox = 400; var y = oy = 300; var swide = 800; var shigh = 600; var sleft = sdown = 0; var tiny = new Array; var star = new Array; var starv = new Array; var starx = new Array; var stary = new Array; var tinyx = new Array; var tinyy = new Array; var tinyv = new Array; window.onload = function() { if (document.getElementById) { var i, rats, rlef, rdow; for (var i = 0;i < sparkles;i++) { var rats = createDiv(3, 3); rats.style.visibility = "hidden"; document.body.appendChild(tiny[i] = rats); starv[i] = 0; tinyv[i] = 0; var rats = createDiv(5, 5); rats.style.backgroundColor = "transparent"; rats.style.visibility = "hidden"; var rlef = createDiv(1, 5); var rdow = createDiv(5, 1); rats.appendChild(rlef); rats.appendChild(rdow); rlef.style.top = "2px"; rlef.style.left = "0px"; rdow.style.top = "0px"; rdow.style.left = "2px"; document.body.appendChild(star[i] = rats); } set_width(); sparkle(); } }; function sparkle() { var c; if (x != ox || y != oy) { ox = x; oy = y; for (c = 0;c < sparkles;c++) { if (!starv[c]) { star[c].style.left = (starx[c] = x) + "px"; star[c].style.top = (stary[c] = y) + "px"; star[c].style.clip = "rect(0px, 5px, 5px, 0px)"; star[c].style.visibility = "visible"; starv[c] = 50; break; } } } for (c = 0;c < sparkles;c++) { if (starv[c]) { update_star(c); } if (tinyv[c]) { update_tiny(c); } } setTimeout("sparkle()", 40); } function update_star(i) { if (--starv[i] == 25) { star[i].style.clip = "rect(1px, 4px, 4px, 1px)"; } if (starv[i]) { stary[i] += 1 + Math.random() * 3; if (stary[i] < shigh + sdown) { star[i].style.top = stary[i] + "px"; starx[i] += (i % 5 - 2) / 5; star[i].style.left = starx[i] + "px"; } else { star[i].style.visibility = "hidden"; starv[i] = 0; return; } } else { tinyv[i] = 50; tiny[i].style.top = (tinyy[i] = stary[i]) + "px"; tiny[i].style.left = (tinyx[i] = starx[i]) + "px"; tiny[i].style.width = "2px"; tiny[i].style.height = "2px"; star[i].style.visibility = "hidden"; tiny[i].style.visibility = "visible"; } } function update_tiny(i) { if (--tinyv[i] == 25) { tiny[i].style.width = "1px"; tiny[i].style.height = "1px"; } if (tinyv[i]) { tinyy[i] += 1 + Math.random() * 3; if (tinyy[i] < shigh + sdown) { tiny[i].style.top = tinyy[i] + "px"; tinyx[i] += (i % 5 - 2) / 5; tiny[i].style.left = tinyx[i] + "px"; } else { tiny[i].style.visibility = "hidden"; tinyv[i] = 0; return; } } else { tiny[i].style.visibility = "hidden"; } } document.onmousemove = mouse; function mouse(e) { set_scroll(); y = e ? e.pageY : event.y + sdown; x = e ? e.pageX : event.x + sleft; } function set_scroll() { if (typeof self.pageYOffset == "number") { sdown = self.pageYOffset; sleft = self.pageXOffset; } else { if (document.body.scrollTop || document.body.scrollLeft) { sdown = document.body.scrollTop; sleft = document.body.scrollLeft; } else { if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) { sleft = document.documentElement.scrollLeft; sdown = document.documentElement.scrollTop; } else { sdown = 0; sleft = 0; } } } } window.onresize = set_width; function set_width() { if (typeof self.innerWidth == "number") { swide = self.innerWidth; shigh = self.innerHeight; } else { if (document.documentElement && document.documentElement.clientWidth) { swide = document.documentElement.clientWidth; shigh = document.documentElement.clientHeight; } else { if (document.body.clientWidth) { swide = document.body.clientWidth; shigh = document.body.clientHeight; } } } } function createDiv(height, width) { var div = document.createElement("div"); div.style.position = "absolute"; div.style.height = height + "px"; div.style.width = width + "px"; div.style.overflow = "hidden"; div.style.backgroundColor = colour; return div; } ; |
| |
Mimi
A les clefs du forum
Je tiens le trousseau de clefs du forum
Partenaires
Très honoré d'être partenaire
Messages : 1288 Venue : 01/07/2009 Je suis : Age : 71 Je vie à : Dijon Humeur : Bonne Humeur Mes Points : 110416 | |
Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5847 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 120011 Re: Curseur paillette | | De rien mimi Bisous |
| |
Nightfairy
Présence
Merci pour ta présence sur le forum.
Messages : 47 Venue : 23/08/2019 Je suis : Age : 33 Je vie à : Belgique /Hainaut Humeur : Très bonne Mes Points : 33627 Re: Curseur paillette | | Coucou Sa ne fonctionne pas bisous |
| |
Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5847 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 120011 Re: Curseur paillette | | Coucou Nightfairy Je viens de tester le code fonctionne [Vous devez être inscrit et connecté pour voir cette image] |
| |
Nightfairy
Présence
Merci pour ta présence sur le forum.
Messages : 47 Venue : 23/08/2019 Je suis : Age : 33 Je vie à : Belgique /Hainaut Humeur : Très bonne Mes Points : 33627 Re: Curseur paillette | | Bizarre je viens de re tester toujours aucun aperçu des paillette pourtant j'ai bien cocher la case Activer la gestion des codes Javascript Oui Non |
| |
Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5847 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 120011 Re: Curseur paillette | | Alors là c'est bizarre comme tu peux le voir sur la copie écran je l'es testée hier
Amicalement |
| |
Nightfairy
Présence
Merci pour ta présence sur le forum.
Messages : 47 Venue : 23/08/2019 Je suis : Age : 33 Je vie à : Belgique /Hainaut Humeur : Très bonne Mes Points : 33627 Re: Curseur paillette | | Je reesayerai demain pour voir |
| |
sandcreations
Partage
Merci pour ton partage de tes tutos, images
Présence
Merci pour ta présence sur le forum.
Partenaires
Très honoré d'être partenaire
Graphiste Messages : 492 Venue : 14/09/2012 Je suis : Age : 52 Je vie à : Valenciennes Humeur : cool Mes Points : 16580 Re: Curseur paillette | | soir merci perle jolie pour les fêté de noël bisous |
| |