tutoriais

Flash

FrontPage

Dreamweaver

Dhtml

Html

ASP

PHP

jogos

Galerias

fóruns

Flash

TUTORIAIS DE DHTML

Várias imagens que passeiam no écran.

Várias imagens que flutuam aleatoriamente no écran.

Demo : a decorrer.

1. Inserir entre os tags <HEAD>...</HEAD>:

var vmin=2;
var vmax=5;
var vr=2;
var timer1;

function Chip(chipname,width,height)
{this.named=chipname;
 this.vx=vmin+vmax*Math.random();
 this.vy=vmin+vmax*Math.random();
 this.w=width;
 this.h=height;
 this.xx=0;
 this.yy=0;
 this.timer1=null;
}

function movechip(chipname)
{
 if(brOK)
  {eval("chip="+chipname);
   if(!mie)
    {pageX=window.pageXOffset;
     pageW=window.innerWidth;
     pageY=window.pageYOffset;
     pageH=window.innerHeight;
    }
   else
    {pageX=window.document.body.scrollLeft;
     pageW=window.document.body.offsetWidth-35;
     pageY=window.document.body.scrollTop;
     pageH=window.document.body.offsetHeight-10;
    }

chip.xx=chip.xx+chip.vx;
   chip.yy=chip.yy+chip.vy;
   
   chip.vx+=vr*(Math.random()-0.5);
   chip.vy+=vr*(Math.random()-0.5);
   if(chip.vx>(vmax+vmin))  chip.vx=(vmax+vmin)*2-chip.vx;
   if(chip.vx<(-vmax-vmin)) chip.vx=(-vmax-vmin)*2-chip.vx;
   if(chip.vy>(vmax+vmin))  chip.vy=(vmax+vmin)*2-chip.vy;
   if(chip.vy<(-vmax-vmin)) chip.vy=(-vmax-vmin)*2-chip.vy;

if(chip.xx<=pageX)
     {chip.xx=pageX;
      chip.vx=vmin+vmax*Math.random();
     }
   if(chip.xx>=pageX+pageW-chip.w)
     {chip.xx=pageX+pageW-chip.w;
      chip.vx=-vmin-vmax*Math.random();
     }
   if(chip.yy<=pageY)
     {chip.yy=pageY;
      chip.vy=vmin+vmax*Math.random();
     }
   if(chip.yy>=pageY+pageH-chip.h)
     {chip.yy=pageY+pageH-chip.h;
      chip.vy=-vmin-vmax*Math.random();
     }

if(!mie)
      {eval('document.'+chip.named+'.top ='+chip.yy);
       eval('document.'+chip.named+'.left='+chip.xx);
      } 
   else
      {eval('document.all.'+chip.named+'.style.pixelLeft='+chip.xx);
       eval('document.all.'+chip.named+'.style.pixelTop ='+chip.yy); 
      }
   chip.timer1=setTimeout("movechip('"+chip.named+"')",100);
  }
}

}
}
</script>

No fim do script encontra-se: chipx=new Chip("chip1",60,80) em que 63 corresponde ao width
e 72 ao height da image do presente script.

2. Inserir entre os tags <BODY>...</BODY>:

<!--
							  <DIV ID="chip1" STYLE="position:absolute; width:60; height:80;"><A HREF="javascript:if(confirm('http://www.truquesedicas/index.htm  \n\nThis file was not retrieved by Teleport Pro, because the server reports that this file cannot be found.  \n\nDo you want to open it from the server?'))window.location='truquesedicas/index.htm'">
<IMG SRC="imagem.gif" BORDER=0></a></DIV>
<DIV ID="chip2" STYLE="position:absolute; width:60; height:80;"><A HREF="javascript:if(confirm('http://www.truquesedicas/index.htm  \n\nThis file was not retrieved by Teleport Pro, because the server reports that this file cannot be found.  \n\nDo you want to open it from the server?'))window.location='http://www.truquesedicas/index.htm'">
<IMG SRC="imagem.gif" BORDER=0></a></DIV> 
<DIV ID="chip3" STYLE="position:absolute; width:60; height:80;"><A HREF="javascript:if(confirm('http://www.truquesedicas/index.htm  \n\nThis file was not retrieved by Teleport Pro, because the server reports that this file cannot be found.  \n\nDo you want to open it from the server?'))window.location='http://www.truquesedicas/index.htm'">
<IMG SRC="imagem.gif" BORDER=0></a></DIV>

-->

Deve alterar o nome, o caminho, e o tamanho das vossas imagens.

3. Inserir dentro do tags <BODY>:

ANÚNCIOS