Top subiecte apreciate

Optiuni experimentale
  • Foloseste AJAX in formulare ori de cate ori este posibil

Navigare rapidă

Ultimele subiecte
» Legenda s-a intors XD
Scris de Zeus Mar 27 Sept - 21:23
» Cum retusam imaginile
Scris de cristimare Mar 27 Sept - 14:27
» salut
Scris de Andrei34 Dum 18 Sept - 18:53
» Salut
Scris de Andrei34 Dum 18 Sept - 18:52
Cuvinte-cheie

phpBB2  edit  reclama  meniu  menu  radio  profil  chenar  html  Mesaje  Statistici  animate  drop  cautare  legenda  avatar  Metin2  subforumuri  banner  tutorial  ultimele  navigare  tema  punbb  Bara  subiecte  

Script ce face modifica culoarea de fundal in cateva zeci de nuante si


Punand acest cod intr-o pagina HTML, veti observa ca acea culoare de fundal se modifica, trecand de la o nuanta la alta.


Cod:
    <script>
    // Select fade-effect below:
    // Set 1 if the background may fade from dark to medium
    // Set 2 if the background may fade from light to medium
    // Set 3 if the background may fade from very dark to very light light
    // Set 4 if the background may fade from light to very light
    // Set 5 if the background may fade from dark to very dark
    var fade_effect=3

    // What type of gradient should be applied Internet Explorer 5x or higher?
    // Set "none" or "horizontal" or "vertical"
    var gradient_effect="horizontal"

    // Speed higher=slower
    var speed=60

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

    var browserinfos=navigator.userAgent
    var ie4=document.all&&!document.getElementById
    var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
    var ns4=document.layers
    var ns6=document.getElementById&&!document.all
    var opera=browserinfos.match(/Opera/)
    var browserok=ie4||ie5||ns4||ns6||opera

    if (fade_effect==1) {
      var darkmax=1
      var lightmax=127
    }
    if (fade_effect==2) {
      var darkmax=127
      var lightmax=254
    }
    if (fade_effect==3) {
      var darkmax=1
      var lightmax=254
    }
    if (fade_effect==4) {
      var darkmax=190
      var lightmax=254
    }
    if (fade_effect==5) {
      var darkmax=1
      var lightmax=80
    }
    var hexc = new Array('0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F')

    var newred
    var newgreen
    var newblue
    var oldred
    var oldgreen
    var oldblue

    var redcol_1
    var redcol_2
    var greencol_1
    var greencol_2
    var bluecol_1
    var bluecol_2
    var oldcolor
    var newcolor
    var firsttime=true
   
    var stepred=1
    var stepgreen=1
    var stepblue=1

    function setrandomcolor() {
      var range=(lightmax-darkmax)
      if (firsttime) {
          newred=Math.ceil(range*Math.random())+darkmax
          newgreen=Math.ceil(range*Math.random())+darkmax
          newblue=Math.ceil(range*Math.random())+darkmax
          firsttime=false
      }
     
      oldred=Math.ceil(range*Math.random())+darkmax
      oldgreen=Math.ceil(range*Math.random())+darkmax
      oldblue=Math.ceil(range*Math.random())+darkmax
     
      stepred=newred-oldred
      if (oldred>newred) {stepred=1}
      else if (oldred<newred) {stepred=-1}
      else {stepred=0}
     
      stepgreen=newgreen-oldgreen
      if (oldgreen>newgreen) {stepgreen=1}
      else if (oldgreen<newgreen) {stepgreen=-1}
      else {stepgreen=0}
     
      stepblue=newblue-oldblue
      if (oldblue>newblue) {stepblue=1}
      else if (oldblue<newblue) {stepblue=-1}
      else {stepblue=0}
      fadebg()
    }

    function fadebg() {
      if (newred==oldred) {stepred=0}
      if (newgreen==oldgreen) {stepgreen=0}
      if (newblue==oldblue) {stepblue=0}
      newred+=stepred
      newgreen+=stepgreen
      newblue+=stepblue
     
      if (stepred!=0 || stepgreen!=0 || stepblue!=0) {
            redcol_1 = hexc[Math.floor(newred/16)];
          redcol_2 = hexc[newred%16];
          greencol_1 = hexc[Math.floor(newgreen/16)];
            greencol_2 = hexc[newgreen%16];
            bluecol_1 = hexc[Math.floor(newblue/16)];
            bluecol_2 = hexc[newblue%16];
            newcolor="#"+redcol_1+redcol_2+greencol_1+greencol_2+bluecol_1+bluecol_2
          if (ie5 && gradient_effect!="none") {
            if (gradient_effect=="horizontal") {gradient_effect=1}
            if (gradient_effect=="vertical") {gradient_effect=0}
                greencol_1 = hexc[Math.floor(newred/16)];
              greencol_2 = hexc[newred%16];
              bluecol_1 = hexc[Math.floor(newgreen/16)];
                bluecol_2 = hexc[newgreen%16];
              redcol_1 = hexc[Math.floor(newblue/16)];
                redcol_2 = hexc[newblue%16];
            var newcolorCompl="#"+redcol_1+redcol_2+greencol_1+greencol_2+bluecol_1+bluecol_2
            document.body.style.filter=
    "progid:DXImageTransform.Microsoft.Gradient(startColorstr="+newcolorCompl+", endColorstr="+newcolor+" GradientType="+gradient_effect+")"
          }
          else {
              document.bgColor=newcolor
          }
          var timer=setTimeout("fadebg()",speed);
        }
        else {
            clearTimeout(timer)
          newred=oldred
          newgreen=oldgreen
          newblue=oldblue
          oldcolor=newcolor
          setrandomcolor()
        }
    }

    if (browserok) {
      window.onload=setrandomcolor
    }
    </script>

Comentariile utilizatorilor
Membru ET
la data de Lun 17 Oct - 19:16
denisdeni22 Membru ET
Conectat
Unde trebuie pus?
Vizitator
la data de Mier 19 Oct - 17:34
Vizitato Vizitator
Conectat
denisdeni22, suportul se ofera la categoria pentru suport.

Dragut cod, sper ca functioneaza.
Membru ET
la data de Lun 31 Oct - 23:20
adyx Membru ET
Conectat
dragut codul....dar nu cred ca cineva o sa vrea sa aiba forumul curcubeu:))
Membru ET
la data de Sam 17 Mar - 17:43
KiLl4FuNGfX Membru ET
Conectat
dragut