Forum Crea illusion Fantasy
Curseur paillette Bannie10

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

#Forum d'entraide, une inscription pour nous rejoindre. Les débutants sont les bienvenu aussi :)


 

Partagez

Curseur paillette

Voir le sujet précédent Voir le sujet suivant Aller en bas
AuteurMessage
Ptite_Perle
Messages : 4743
Venue : 27/06/2009 Je suis : Féminin
Né(e) le : 17/09/1963
Age : 56
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 85709
Fondatrice
Ptite_Perle
MessageSujet: Curseur paillette Curseur paillette EmptyJeu 5 Oct 2017 - 20:19

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;
}
;
Revenir en haut Aller en bas
AuteurMessage
Mimi
Messages : 1237
Venue : 01/07/2009 Je suis : Féminin
Né(e) le : 28/04/1952
Age : 67
Je vie à : Dijon
Humeur : Bonne Humeur
Mes Points : 77996
Admin

Mimi
MessageSujet: Re: Curseur paillette Curseur paillette EmptyMar 10 Oct 2017 - 11:38
Curseur paillette 1468127350 Perle

Curseur paillette 584250120 Curseur paillette 584250120
Revenir en haut Aller en bas
AuteurMessage
Ptite_Perle
Messages : 4743
Venue : 27/06/2009 Je suis : Féminin
Né(e) le : 17/09/1963
Age : 56
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 85709
Fondatrice
Ptite_Perle
MessageSujet: Re: Curseur paillette Curseur paillette EmptyMar 10 Oct 2017 - 18:07
De rien mimi Smile

Bisous
Revenir en haut Aller en bas
AuteurMessage
Nightfairy
Messages : 11
Venue : 23/08/2019 Je suis : Féminin
Né(e) le : 12/02/1991
Age : 28
Je vie à : Belgique /Hainaut
Humeur : Très bonne
Mes Points : 1229
Commentaire : rien a ajouter
inactif
Nightfairy
MessageSujet: Re: Curseur paillette Curseur paillette EmptyVen 23 Aoû 2019 - 17:30
Coucou Sa ne fonctionne pas bisous
Revenir en haut Aller en bas
AuteurMessage
Ptite_Perle
Messages : 4743
Venue : 27/06/2009 Je suis : Féminin
Né(e) le : 17/09/1963
Age : 56
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 85709
Fondatrice
Ptite_Perle
MessageSujet: Re: Curseur paillette Curseur paillette EmptyMer 28 Aoû 2019 - 20:36
Coucou Nightfairy

Je viens de tester le code fonctionne

[Vous devez être inscrit et connecté pour voir ce lien]
Revenir en haut Aller en bas
AuteurMessage
Nightfairy
Messages : 11
Venue : 23/08/2019 Je suis : Féminin
Né(e) le : 12/02/1991
Age : 28
Je vie à : Belgique /Hainaut
Humeur : Très bonne
Mes Points : 1229
Commentaire : rien a ajouter
inactif
Nightfairy
MessageSujet: Re: Curseur paillette Curseur paillette EmptyJeu 29 Aoû 2019 - 8:29
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
Revenir en haut Aller en bas
AuteurMessage
Ptite_Perle
Messages : 4743
Venue : 27/06/2009 Je suis : Féminin
Né(e) le : 17/09/1963
Age : 56
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 85709
Fondatrice
Ptite_Perle
MessageSujet: Re: Curseur paillette Curseur paillette EmptyJeu 29 Aoû 2019 - 20:14
Alors là c'est bizarre comme tu peux le voir sur la copie écran je l'es testée hier

Amicalement
Revenir en haut Aller en bas
AuteurMessage
Nightfairy
Messages : 11
Venue : 23/08/2019 Je suis : Féminin
Né(e) le : 12/02/1991
Age : 28
Je vie à : Belgique /Hainaut
Humeur : Très bonne
Mes Points : 1229
Commentaire : rien a ajouter
inactif
Nightfairy
MessageSujet: Re: Curseur paillette Curseur paillette EmptyJeu 29 Aoû 2019 - 20:19
Je reesayerai demain pour voir
Revenir en haut Aller en bas
AuteurMessage
Contenu sponsorisé
MessageSujet: Re: Curseur paillette Curseur paillette Empty
Revenir en haut Aller en bas

Curseur paillette

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

Sujets similaires

-
» Sripts différents pour curseur souris
» Éclaircir une image lors du passage du curseur
» Problème de curseur
» Agrandir le curseur texte et le texte en postant pour des forumeurs ayant un problème de vue
» difficulté à installer un curseur perso

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Forum Crea illusion Fantasy :: Astuces codages pour forumactif :: Astuces et codages forumactif-