Un forum au top

Avec simplicité vient apprendre dans nos différentes catégories.
 
AccueilAccueil  PortailPortail  Donations  ConnexionConnexion  S'enregistrerS'enregistrer  
Partagez

Curseur paillette

Voir le sujet précédent Voir le sujet suivant Aller en bas
AuteurMessage
Ptite_Perle
Messages : 5061
Venue : 27/06/2009 Je suis : Féminin
Né(e) le : 17/09/1963
Age : 57
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 93631
Fondatrice
Ptite_Perle
Ptite_Perle
  • Profil
  • MP
  • Messages
  • Sujets
  • Participation
  • Visiteurs
  • Message sur profil

  • 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 : 1250
    Venue : 01/07/2009 Je suis : Féminin
    Né(e) le : 28/04/1952
    Age : 68
    Je vie à : Dijon
    Humeur : Bonne Humeur
    Mes Points : 85347
    Admin

    Mimi
    Mimi
  • Profil
  • MP
  • Messages
  • Sujets
  • Participation
  • Visiteurs
  • Message sur profil

  • 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 : 5061
    Venue : 27/06/2009 Je suis : Féminin
    Né(e) le : 17/09/1963
    Age : 57
    Je vie à : Lyon
    Humeur : Bonne humeur
    Mes Points : 93631
    Fondatrice
    Ptite_Perle
    Ptite_Perle
  • Profil
  • MP
  • Messages
  • Sujets
  • Participation
  • Visiteurs
  • Message sur profil

  • 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 : 22
    Venue : 23/08/2019 Je suis : Féminin
    Né(e) le : 12/02/1991
    Age : 29
    Je vie à : Belgique /Hainaut
    Humeur : Très bonne
    Mes Points : 8580
    Commentaire : rien a ajouter
    inactif
    Nightfairy
    Nightfairy
  • Profil
  • MP
  • Messages
  • Sujets
  • Participation
  • Visiteurs
  • Message sur profil

  • 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 : 5061
    Venue : 27/06/2009 Je suis : Féminin
    Né(e) le : 17/09/1963
    Age : 57
    Je vie à : Lyon
    Humeur : Bonne humeur
    Mes Points : 93631
    Fondatrice
    Ptite_Perle
    Ptite_Perle
  • Profil
  • MP
  • Messages
  • Sujets
  • Participation
  • Visiteurs
  • Message sur profil

  • 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 : 22
    Venue : 23/08/2019 Je suis : Féminin
    Né(e) le : 12/02/1991
    Age : 29
    Je vie à : Belgique /Hainaut
    Humeur : Très bonne
    Mes Points : 8580
    Commentaire : rien a ajouter
    inactif
    Nightfairy
    Nightfairy
  • Profil
  • MP
  • Messages
  • Sujets
  • Participation
  • Visiteurs
  • Message sur profil

  • 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 : 5061
    Venue : 27/06/2009 Je suis : Féminin
    Né(e) le : 17/09/1963
    Age : 57
    Je vie à : Lyon
    Humeur : Bonne humeur
    Mes Points : 93631
    Fondatrice
    Ptite_Perle
    Ptite_Perle
  • Profil
  • MP
  • Messages
  • Sujets
  • Participation
  • Visiteurs
  • Message sur profil

  • 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 : 22
    Venue : 23/08/2019 Je suis : Féminin
    Né(e) le : 12/02/1991
    Age : 29
    Je vie à : Belgique /Hainaut
    Humeur : Très bonne
    Mes Points : 8580
    Commentaire : rien a ajouter
    inactif
    Nightfairy
    Nightfairy
  • Profil
  • MP
  • Messages
  • Sujets
  • Participation
  • Visiteurs
  • Message sur profil

  • MessageSujet: Re: Curseur paillette Curseur paillette EmptyJeu 29 Aoû 2019 - 20:19
    Je reesayerai demain pour voir
    Revenir en haut Aller en bas
    AuteurMessage
    sandcreations
    Messages : 321
    Venue : 14/09/2012 Je suis : Féminin
    Né(e) le : 16/06/1971
    Age : 49
    Je vie à : Valenciennes
    Humeur : cool
    Mes Points : 10041
    Graphiste
    sandcreations
    sandcreations
  • Profil
  • MP
  • Messages
  • Sujets
  • Participation
  • Visiteurs
  • Message sur profil

  • MessageSujet: Re: Curseur paillette Curseur paillette EmptyDim 8 Déc 2019 - 22:09
    soir merci perle jolie pour les fêté de noël bisous
    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

    Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
    Un forum au top :: Astuces & codages pour forumactif :: Astuces et codages forumactif-