Top subiecte apreciate

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

Navigare rapidă

Ultimele subiecte
» Wireless ipb theme [punBB]
Scris de WinaTickets Astazi la 11:37
» [Animate] Recent Topic IPB
Scris de DenisPasca Lun 5 Dec - 22:44
» Ipb Counter-strike Special FG
Scris de DenisPasca Sam 3 Dec - 22:52
» Special Theme Extrem Tutorials
Scris de cosminelu21 Vin 2 Dec - 23:48
Cuvinte-cheie

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

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