Navigare rapidă

Ultimele subiecte
» m_Banners jQuery
Scris de Lcnnaid. Mier 20 Sept - 22:52
» Prezentare Cristian
Scris de Petronel™ Dum 27 Aug - 16:36
Cuvinte-cheie

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
avatar
la data de Lun 17 Oct - 19:16
denisdeni22 Membru ET
Conectat
Unde trebuie pus?
Vizitator
avatar
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
avatar
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
avatar
la data de Sam 17 Mar - 17:43
KiLl4FuNGfX Membru ET
Conectat
dragut