Extrem Tutorials
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.

Extrem TutorialsConectare

Peste 500 tutoriale in limba romana.


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

power_settings_newConectați-vă pentru a răspunde

08062011
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>

Comentarii

denisdeni22
Unde trebuie pus?
Anonymous
denisdeni22, suportul se ofera la categoria pentru suport.

Dragut cod, sper ca functioneaza. Script ce face modifica culoarea de fundal in cateva zeci de nuante si 827527
adyx
dragut codul....dar nu cred ca cineva o sa vrea sa aiba forumul curcubeu:))
KiLl4FuNGfX
dragut Script ce face modifica culoarea de fundal in cateva zeci de nuante si 230108
power_settings_newConectați-vă pentru a răspunde
remove_circleSubiecte similare
privacy_tip Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum