pcdicasHTML

Script - Exemplos - Pontinhos

Esse script exibe um efeito colorido em que pontinhos se movem sobre a tela e independe de ação do internauta.

Verifique nessa página.

Código


<SCRIPT language=JavaScript>
<!-- Wriggly by Kurt Grigg - http://www.btinternet.com/~kurt.grigg/javascript

//Choose colours. Minimum of 2!
colours=new Array('#CFB77B','#B1BEA9','#79B5A6','#886E42','#CA9CAD','#B5CE9C','#F0D79E');

//Nothing needs altering past here!
n4=(document.layers);
n6=(navigator.appName=="Netscape" && parseFloat(navigator.appVersion) >= 5)?true:false;
ie=(document.all);
o6=(navigator.appName.indexOf("Opera") != -1)?true:false;
num=(n6)?10:16;
psp=(n6)?num/3:num/4;
fix=(n6)?14:0;
y=10;
x=10;
py=0;
px=0;
vel=15;
rnd=0;
cnt=0;
alt=10;
dx=0;
vx=0;
hx=0;
dir=Math.floor(Math.random()*60+10);
if (n4){
for (i=0; i < num; i++)
document.write('<LAYER NAME="t'+i+'" LEFT=0 TOP=0 CLIP="0,0,'+i/psp+','+i/psp+'"></LAYER>');
}
else{
if (ie)
document.write('<div id="ies" style="position:absolute;top:0;left:0"><div style="position:relative">');
for (i=0; i < num; i++)
document.write('<div id="t'+i+'" style="position:absolute;top:0;left:0;width:'+i/psp+';height:'+i/psp+';font-size:1px">.</div>');
if (ie)
document.write('</div></div>');
}
function followleader(){
sy=(ie)?0:window.pageYOffset;
sx=(ie)?0:window.pageXOffset;
if (ie){
ies.style.top=document.body.scrollTop;
ies.style.left=document.body.scrollLeft;
}
for (i=0; i < num; i++){
randcol=colours[Math.floor(Math.random()*colours.length)];
temp1=(n4)?document.layers["t"+i]:document.getElementById("t"+i).style;
if (i < num-1){
temp2=(n4)?document.layers["t"+(i+1)]:document.getElementById("t"+(i+1)).style;
temp1.top=temp2.top;
temp1.left=temp2.left
}
else{
temp1.top=py+sy;
temp1.left=px+sx;
}
if (n4)temp1.bgColor=randcol;
else temp1.background=randcol;
}
}
function pth(){
cnt=0;
alt=Math.floor(5+Math.random()*10);
turns=new Array(40,-40,0,0,1,-1,4,-4,7,-7,10,-10,20,-20,2);
rnd=turns[Math.floor(Math.random()*turns.length)];
if (rnd==40||rnd==-40) alt=3;
else if (rnd==2){
vel=0;alt=20;
}
else{
vel=15;
alt=Math.floor(5+Math.random()*10);
}
}

function ani(){
cnt++;
if (cnt>=alt) pth();
h=(ie)?document.body.clientHeight:window.innerHeight;
w=(ie)?document.body.clientWidth:window.innerWidth;
dx=dir+=rnd;
y = vel*Math.sin(dx*Math.PI/180);
x = vel*Math.cos(dx*Math.PI/180);
if (dir < 0) dir+=360;
py+=y;
px+=x;
vx=180-dir;
hx=0-dir;
if ((py < 1) && (px < 1)) {py=1;px=1;dir=45}
if ((py < 1) && (px > w)) {py=1;px=w;dir=135}
if ((py > h) && (px < 1)) {py=h;px=1;dir=315}
if ((py > h) && (px > w)) {py=h;px=w;dir=225}
if (py < 1) {py=1;dir=hx;}
if (py > h-psp) {py=h-psp;dir=hx;}
if (px < 1) {px=1;dir=vx;}
if (px > w-(psp+fix)) {px=w-(psp+fix);dir=vx;}
followleader();
setTimeout('ani()',100);
}
ani();
//-->
</SCRIPT>


Como colocar o código na página

- Copiar o script desejado (toda a seqüência entre <SCRIPT ... > e </SCRIPT> abaixo e colocá-lo entre os tags <body> e </body>.

- Se desejar, alterar a parte destacada em verde.


Veja detalhes sobre cores e HTML aqui



Nota: Esse script funciona tanto usando o Mozilla Firefox, Mozilla suite, o Netscape, o Opera, como o Internet Explorer.


Esse script foi recebido por e-mail ou gravado a partir de sites visitados.
Desconheço a existência de quaisquer restrições ao seu uso não comercial.
Caso tenha registro, solicito ao detentor entrar em contato.



Este "site", destinado prioritariamente aos alunos de Fátima Conti,
pretende auxiliar quem esteja começando a se interessar por internet,
segue as regras da FDL (Free Documentation Licence),
computadores e programas, estando em permanente construção.
Sugestões e comentários são bem vindos.
Se desejar colaborar, clique aqui.
Agradeço antecipadamente.

Deseja enviar essa página?


Se você usa um programa de correio eletrônico devidamente configurado e tem
um e-mail pop3, clique em "Enviar página" (abaixo) para abrir o programa.
Preencha o endereço do destinatário da mensagem.
E pode acrescentar o que quiser.
(Se não der certo, clique aqui para saber mais).

Enviar página

Se você usa webmail copie o endereço abaixo

 http://www.cultura.ufpa.br/dicas/htm/htm-scri11.htm


Acesse a página do seu provedor. Abra uma nova mensagem.
Cole o endereço no campo de texto.
Preencha o endereço do destinatário.
E também pode acrescentar o que quiser.

Última alteração: 26 mai 2008