Форум программистов [Powered by Invision Power Board]

Код

<script type=text/javascript>

function fSetOpacity (object, value) {
  if (value<0) value=0;
  if (value>100) value=100;
  object.style.opacity=value/100;
  object.style.filter='alpha(opacity='+value+')';
}

function fRandom (x) {
  return Math.floor(Math.random()*x);
}

var vRun=3000;

var vInc=0.3;
var vChangeEffect=10;

var vCount=7;
var vWidth=1800;
var vHeight=600;

var vTextSpeed=5;
var vTextCount=<?php echo(count($ANIMATIONTEXT)); ?>;
var aText=[
<?php
foreach ($ANIMATIONTEXT as $text) { ?>    '<?php echo($text); ?>',
<?php
}
?>
    ''];

var vProgress=1000;
var vCurrent;
var vDirX;
var vDirY;
var vDX;
var vDY;
var vOpasity;

var vProgress2=0;

setTimeout(function() {
  vProgress2=vProgress2+vInc;
  if (vProgress2<vChangeEffect) {
    fSetOpacity(document.getElementById('headh2'), 100*(vChangeEffect-vProgress2)/vChangeEffect);
    setTimeout(arguments.callee,20);
  }
  else {
    document.getElementById('headh2').style.display='none';

setTimeout(function() {
  if (vProgress>=100) {
    vProgress=0;
    var vRan=fRandom(vCount);
    while (vRan==vCurrent) {
      vRan=fRandom(vCount);
    }
    vCurrent=vRan;
    vDirX=fRandom(10)>4;
    vDirY=fRandom(10)>4;
    document.getElementById('animationtext').innerHTML=aText[fRandom(vTextCount)];
  }
  vDX=(document.getElementById('animated').clientWidth-vWidth)*0.01;
  vDY=(document.getElementById('animated').clientHeight-vHeight)*0.01;
  if (vDirX) var vShiftX=vDX*vProgress;
  else var vShiftX=vDX*(100-vProgress);
  if (vDirY) var vShiftY=vDY*vProgress;
  else var vShiftY=vDY*(100-vProgress);
  document.getElementById('animated').style.backgroundPosition=vShiftX+"px "+(vShiftY-vCurrent*vHeight)+"px";
  if (vProgress*vTextSpeed<100) document.getElementById('animationtext').style.width=(vProgress*vTextSpeed)+'%';
  if (vProgress>(100-vChangeEffect)) {
    vOpasity=100*(vProgress-100+vChangeEffect)/vChangeEffect;
  }
  else {
    if (vProgress<vChangeEffect) {
      vOpasity=100*(vChangeEffect-vProgress)/vChangeEffect;
    }
    else {
      vOpasity=0;
    }
  }
  fSetOpacity(document.getElementById('transparent'), vOpasity);
  vProgress=vProgress+vInc;
  setTimeout(arguments.callee,20);
},20);

  }
},vRun);

</script>

<div id="animated" style="height: 230px; background: url('img/animationframes.jpg') top repeat-x;">
<div style="background: url('img/animationtop.png') top repeat-x;">
<div id="transparent" style="height: 230px; background: #000;">&nbsp;</div>
<div id="animationtextbg" style="overflow: hidden; height: 50px; line-height: 50px; margin-top: -50px; background: url('img/animationtext.png') top repeat-x;">
  <div id="animationtext" style="height: 50px; line-height: 50px; float: right; overflow: hidden; text-indent: 17px; color: #FFF;"></div>
</div>

<h2 id="headh2"><?php echo($H2TEXT); ?></h2>

</div></div>