Блог

Code

<html>
<head>
<title>Полоса с автозаменяемым цветом</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<script>
var colors=new Array("#FFFFFF","#FFFF00","#FF0000","#0000FF","#00FF00","#FF00FF","#FFAC00","#0000FF","#ff0000","#690b00","#00FF00","#FFFF00","#000000")

// Set pause between colors (seconds)
var pausebetweencolors=2

// Set speed (higher=slower)
var speed=20

// do not edit code below this line
var gradient_effect=new Array()
var flipcol=new Array()
var gr_effect=1
var i_barcount=0
var pausesteps=40
var i_loopmax=999999
var hexc = new Array('0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F')
var redcol_1
var redcol_2
var redcol_1_b
var redcol_2_b
var greencol_1
var greencol_2
var greencol_1_b
var greencol_2_b
var bluecol_1
var bluecol_2
var bluecol_1_b
var bluecol_2_b

var rgbredfrom
var rgbgreenfrom
var rgbbluefrom
var rgbredto
var rgbgreento
var rgbblueto
var rgbrednow
var rgbgreennow
var rgbbluenow

var rgbredfrom_b
var rgbgreenfrom_b
var rgbbluefrom_b
var rgbredto_b
var rgbgreento_b
var rgbblueto_b
var rgbrednow_b
var rgbgreennow_b
var rgbbluenow_b

var colorhexafrom
var colorhexato

var i_step=1
var i_loop=0
var i_colorsA=0
var i_colorsB=1
var i_colorsC=1
var i_colorsD=2

pausebetweencolors*=1000

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

function translateintorgb() {

  var hexa=colors[i_colorsA]
  var hexared=hexa.substring(1,3)
  var hexagreen=hexa.substring(3,5)
  var hexablue=hexa.substring(5,7)
  rgbredfrom=parseInt("0x"+hexared)
  rgbgreenfrom=parseInt("0x"+hexagreen)
  rgbbluefrom=parseInt("0x"+hexablue)
  rgbrednow=rgbredfrom
  rgbgreennow=rgbgreenfrom
  rgbbluenow=rgbbluefrom

  var hexa=colors[i_colorsB]
  var hexared=hexa.substring(1,3)
  var hexagreen=hexa.substring(3,5)
  var hexablue=hexa.substring(5,7)
  rgbredto=parseInt("0x"+hexared)
  rgbgreento=parseInt("0x"+hexagreen)
  rgbblueto=parseInt("0x"+hexablue)

  var hexa=colors[i_colorsC]
  var hexared=hexa.substring(1,3)
  var hexagreen=hexa.substring(3,5)
  var hexablue=hexa.substring(5,7)
  rgbredfrom_b=parseInt("0x"+hexared)
  rgbgreenfrom_b=parseInt("0x"+hexagreen)
  rgbbluefrom_b=parseInt("0x"+hexablue)
  rgbrednow_b=rgbredfrom_b
  rgbgreennow_b=rgbgreenfrom_b
  rgbbluenow_b=rgbbluefrom_b

  var hexa=colors[i_colorsD]
  var hexared=hexa.substring(1,3)
  var hexagreen=hexa.substring(3,5)
  var hexablue=hexa.substring(5,7)
  rgbredto_b=parseInt("0x"+hexared)
  rgbgreento_b=parseInt("0x"+hexagreen)
  rgbblueto_b=parseInt("0x"+hexablue)
  i_colorsA++
  i_colorsB++
  i_colorsC++
  i_colorsD++
  if (i_colorsA>=colors.length) {i_colorsA=0}
  if (i_colorsB>=colors.length) {i_colorsB=0}
  if (i_colorsC>=colors.length) {i_colorsC=0}
  if (i_colorsD>=colors.length) {i_colorsD=0}

  changefromto()
}

function changefromto() {
  rgbrednow=rgbrednow-((rgbredfrom-rgbredto)/speed)
  rgbgreennow=rgbgreennow-((rgbgreenfrom-rgbgreento)/speed)
  rgbbluenow=rgbbluenow-((rgbbluefrom-rgbblueto)/speed)

  rgbrednow_b=rgbrednow_b-((rgbredfrom_b-rgbredto_b)/speed)
  rgbgreennow_b=rgbgreennow_b-((rgbgreenfrom_b-rgbgreento_b)/speed)
  rgbbluenow_b=rgbbluenow_b-((rgbbluefrom_b-rgbblueto_b)/speed)

  if (rgbrednow>255) {rgbrednow=255}
  if (rgbrednow<0) {rgbrednow=0}
  if (rgbgreennow>255) {rgbgreennow=255}
  if (rgbgreennow<0) {rgbgreennow=0}
  if (rgbbluenow>255) {rgbbluenow=255}
  if (rgbbluenow<0) {rgbbluenow=0}

  if (rgbrednow_b>255) {rgbrednow_b=255}
  if (rgbrednow_b<0) {rgbrednow_b=0}
  if (rgbgreennow_b>255) {rgbgreennow_b=255}
  if (rgbgreennow_b<0) {rgbgreennow_b=0}
  if (rgbbluenow_b>255) {rgbbluenow_b=255}
  if (rgbbluenow_b<0) {rgbbluenow_b=0}

  if (i_step<=speed) {
  redcol_1 = hexc[Math.floor(rgbrednow/16)];
  redcol_2 = hexc[Math.floor(rgbrednow)%16];
  greencol_1 = hexc[Math.floor(rgbgreennow/16)];
  greencol_2 = hexc[Math.floor(rgbgreennow)%16];
  bluecol_1 = hexc[Math.floor(rgbbluenow/16)];
  bluecol_2 = hexc[Math.floor(rgbbluenow)%16];

  redcol_1_b = hexc[Math.floor(rgbrednow_b/16)];
  redcol_2_b = hexc[Math.floor(rgbrednow_b)%16];
  greencol_1_b = hexc[Math.floor(rgbgreennow_b/16)];
  greencol_2_b = hexc[Math.floor(rgbgreennow_b)%16];
  bluecol_1_b = hexc[Math.floor(rgbbluenow_b/16)];
  bluecol_2_b = hexc[Math.floor(rgbbluenow_b)%16];
  var backcolor="#"+redcol_1+redcol_2+greencol_1+greencol_2+bluecol_1+bluecol_2
  var backcolor_b="#"+redcol_1_b+redcol_2_b+greencol_1_b+greencol_2_b+bluecol_1_b+bluecol_2_b
  for (i=0;i<=i_barcount-1;i++) {
  if (ie5 && gradient_effect[i]!="none") {
  if (gradient_effect[i]=="horizontal") {gr_effect=1}
  if (gradient_effect[i]=="vertical") {gr_effect=0}
  if (flipcol[i]=="yes") {
  document.getElementById('anibar'+i).style.filter=
"progid:DXImageTransform.Microsoft.Gradient(startColorstr="+backcolor+", endColorstr="+backcolor_b+" GradientType="+gr_effect+")"
  }
  else {
  document.getElementById('anibar'+i).style.filter=
"progid:DXImageTransform.Microsoft.Gradient(startColorstr="+backcolor_b+", endColorstr="+backcolor+" GradientType="+gr_effect+")"
  }
  }
  else {
  if (flipcol[i]=="yes") {
  document.getElementById('anibar'+i).style.backgroundColor=backcolor_b
  }
  else {
  document.getElementById('anibar'+i).style.backgroundColor=backcolor
  }
  }
  }
  i_step++
  var timer=setTimeout("changefromto()",pausesteps);

  }
  else {
  clearTimeout(timer)
  i_step=1
  i_loop++
  if (i_loop<i_loopmax) {var timer=setTimeout("translateintorgb()",pausebetweencolors);}
  }
}

function addbar(barwidth,barheight,gradienttype,flipcolor) {
  if (browserok) {
  gradient_effect[i_barcount]=gradienttype
  flipcol[i_barcount]=flipcolor

  document.write('<table border=0 cellpadding=0 cellspacing=0 width='+barwidth+' height='+barheight+' border=0><tr><td><div id="roof'+i_barcount+'" style="position:relative;width:'+barwidth+'px;height:'+barheight+'px;"><div id="anibar'+i_barcount+'" style="position:absolute;top:0px;left:0px;width:'+barwidth+'px;height:'+barheight+'px;"><img src="empty.gif" width='+barwidth+' height='+barheight+'></div></div></td></tr></table>')
  i_barcount++
  }
}

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

</head>

<body bgcolor="#FFFFFF" text="#000000">
<script>addbar(500,3,"horizontal","yes")</script><br><br>
<SCRIPT>addbar(2,200,"vertical","yes")</SCRIPT><br><br>
<SCRIPT>addbar(600,6,"horizontal","yes")</SCRIPT><br><br>
<SCRIPT>addbar(640,3,"horizontal","no")</SCRIPT>
</body>
</html>