Pagina do Caio

Site do Caio Obrigado pela visita Vote na inquete do mês

Pagina Inicial

Gifs Animados

Frases reflexão

Apostilas

Downloads

Papeis de Parede

Contato

Links e Jogos

Jogo do E.T

Bilhar

Fight man

Sonic
Tetris
Mate o Bin laden
Acerte os esquilos
Verdadeiro Bush
Driver
Jogo do Mago

Blog do Bruno

Blog do Fernando

Scripts

Link Blog de Amigos

Mensagem ao abrir seu blog
Pode colocar em qualquer lugar do seu template

Mudar a cor da letra, a fonte e o tamanho
Coloque-o antes de qualquer palavra ou frase.

Background Fixo

Proibir clique com o segundo botão

Adicionar seu blog aos favoritos

Fechar janela
Coloque no lugar que quiser que apareca o "fechar"

Mouse com mensagem rodando em volta

<SCRIPT LANGUAGE="JavaScript">
 if (document.all) {
 yourLogo = "* QUALQUER COISA AQUI ";
 logoFont = " verdana";
 logoColor = " #FFFFFF";
 yourLogo = yourLogo.split('');
 L = yourLogo.length;
 TrigSplit = 360 / L;
 Sz = new Array()
 logoWidth = 70;
 logoHeight = -30;
 ypos = 0;
 xpos = 0;
 step = 0.04;
 currStep = 0;
 document.write('<div id="outer" style="position:absolute;top:0px;left:0px "><div style="position:relative">');
 for (i = 0; i < L; i++) {
 document.write('<div id="ie" style="position:absolute;top:0px;left:0px ;'
 +'width:10px;height:10px;font-family: '+logoFont+'; font-size:12px;'
 +'color:'+logoColor+'; text-align:cent er">'+yourLogo[i]+'</div>');
 }
 document.write('</div></div>');
 function Mouse() {
 ypos = event.y;
 xpos = event.x - 3;
 }
 document.onmousemove=Mouse;
 function animateLogo() {
 outer.style.pixelTop = document.body.scrollTop;
 for (i = 0; i < L; i++) {
 ie[i].style.top = ypos + logoHeight * Math.sin(currStep + i * TrigSplit * Math.PI / 180);
 ie[i].style.left = xpos + logoWidth * Math.cos(currStep + i * TrigSplit * Math.PI / 180);
 Sz[i] = ie[i].style.pixelTop - ypos;
 if (Sz[i] < 5) Sz[i] = 3;
 ie[i].style.fontSize = Sz[i] / 1.7;
 }
 currStep -= step;
 setTimeout('animateLogo()', 10);
 }
 window.onload = animateLogo;
 }
 // End -->
 </SCRIPT>

Pontinhos coloridos seguem o mouse.

<LAYER name="a0" left=10 top=10 clip="0,0,1,1"></LAYER>
 <LAYER name="a1" left=10 top=10 clip="0,0,1,1"></LAYER>
 <LAYER name="a2" left=10 top=10 clip="0,0,1,1"></LAYER>
 <LAYER name="a3" left=10 top=10 clip="0,0,1,1"></LAYER>
 <LAYER name="a4" left=10 top=10 clip="0,0,1,1"></LAYER>
 <LAYER name="a5" left=10 top=10 clip="0,0,1,1"></LAYER>
 <LAYER name="a6" left=10 top=10 clip="0,0,1,1"></LAYER>
 <LAYER name="a7" left=10 top=10 clip="0,0,2,2"></LAYER>
 <LAYER name="a8" left=10 top=10 clip="0,0,2,2"></LAYER>
 <LAYER name="a9" left=10 top=10 clip="0,0,2,2"></LAYER>
 <LAYER name="a10" left=10 top=10 clip="0,0,2,2"></LAYER>
 <LAYER name="a11" left=10 top=10 clip="0,0,2,2"></LAYER>
 <LAYER name="a12" left=10 top=10 clip="0,0,2,2"></LAYER>
 <LAYER name="a13" left=10 top=10 clip="0,0,3,3"></LAYER>
 <DIV id="starsDiv" style="position:absolute;top:0px;left:0px">
 <DIV style="position:relative;width:1px;height:1px;font-size:1px"></DIV>
 <DIV style="position:relative;width:1px;height:1px;font-size:1px"></DIV>
 <DIV style="position:relative;width:1px;height:1px;font-size:1px"></DIV>
 <DIV style="position:relative;width:1px;height:1px;font-size:1px"></DIV>
 <DIV style="position:relative;width:1px;height:1px;font-size:1px"></DIV>
 <DIV style="position:relative;width:1px;height:1px;font-size:1px"></DIV>
 <DIV style="position:relative;width:1px;height:1px;font-size:1px"></DIV>
 <DIV style="position:relative;width:2px;height:2px;font-size:2px"></DIV>
 <DIV style="position:relative;width:2px;height:2px;font-size:2px"></DIV>
 <DIV style="position:relative;width:2px;height:2px;font-size:2px"></DIV>
 <DIV style="position:relative;width:2px;height:2px;font-size:2px"></DIV>
 <DIV style="position:relative;width:2px;height:2px;font-size:2px"></DIV>
 <DIV style="position:relative;width:2px;height:2px;font-size:2px"></DIV>
 <DIV style="position:relative;width:3px;height:3px;font-size:3px"></DIV>
 </DIV>
 
 <SCRIPT language="JavaScript">
 /*
 Mouse Comet
 Copyright Kurt Grigg (website.lineone.net/~kurt.grigg/javascript)
 To add more shock to your site, visit www.DHTML Shock.com
 */
 var Clrs=new Array(6)
 Clrs[0]='ff0000';
 Clrs[1]='00ff00';
 Clrs[2]='000aff';
 Clrs[3]='ff00ff';
 Clrs[4]='fff000';
 Clrs[5]='fffff0';
 
 var yBase = 200;
 var xBase = 200;
 var step;
 var currStep = 0;
 var Xpos = 1;
 var Ypos = 1;
 var Xs = 200;
 var Ys = 400;
 if (document.layers)
 {
 window.captureEvents(Event.MOUSEMOVE);
 }
 if (document.all)
 {
 function MoveHandler(){
 Xpos = document.body.scrollLeft+event.x;
 Ypos = document.body.scrollTop+event.y;
 }
 document.onmousemove = MoveHandler;
 }
 
 else if (document.layers)
 {
 function xMoveHandler(evnt){
 Xpos = evnt.pageX;
 Ypos = evnt.pageY;
 }
 window.onMouseMove = xMoveHandler;
 }
 
 function Comet() {
 if (document.all)
 {
 yBase = window.document.body.offsetHeight/4;
 xBase = window.document.body.offsetWidth/4;
 }
 else if (document.layers)
 {
 yBase = window.innerHeight/4;
 xBase = window.innerWidth/4;
 }
 
 if (document.all)
 {
 for ( i = 0 ; i < starsDiv.all.length ; i++ )
 {step=3;
 starsDiv.all[i].style.top = Ypos + yBase*Math.cos((currStep + i*4)/12)*Math.cos(0.7+currStep/200);
 starsDiv.all[i].style.left = Xpos + xBase*Math.sin((currStep + i*3)/10)*Math.sin(8.2+currStep/400);
 for (ai=0; ai < Clrs.length; ai++)
 {
 var c=Math.round(Math.random()*[ai]);
 }
 starsDiv.all[i].style.background=Clrs[c];
 }
 }
 
 else if (document.layers)
 {
 for ( j = 0 ; j < 14 ; j++ ) //number of NS layers!
 {step = 6;
 var templayer="a"+j
 document.layers[templayer].top = Ypos + yBase*Math.cos((currStep + j*4)/12)*Math.cos(0.7+currStep/200);
 document.layers[templayer].left = Xpos + xBase*Math.sin((currStep + j*3)/10)*Math.sin(8.2+currStep/400);
 for (aj=0; aj < Clrs.length; aj++)
 {
 var c=Math.round(Math.random()*[aj]);
 }
 document.layers[templayer].bgColor=Clrs[c]; 
 }
 }
 currStep+= step;
 setTimeout("Comet()", 5);
 }
 Comet();
 // -->
 </SCRIPT>

Pontinhos coloridos seguem o mouse numa linda animação

<SCRIPT language="JavaScript">
 /*
 Morph Spin
 Copyright Kurt Grigg (website.lineone.net/~kurt.grigg/javascript)
 To add more shock to your site, visit www.DHTML Shock.com
 */
 var Clrs=new Array(7)
 Clrs[0]='ffffff';
 Clrs[1]='00ff00';
 Clrs[2]='000aff';
 Clrs[3]='ff00ff';
 Clrs[4]='fff000';
 Clrs[5]='ffffff';
 Clrs[6]='ff0000';
 var speed=1;
 var RunTime = 0;
 var cntr=0;
 var xcntr=100;
 var Nslayers;
 var pulse=25;
 var onClrs;
 var Xpos = 421;
 var Ypos = 231;
 var _y;
 if (document.layers){
 window.captureEvents(Event.MOUSEMOVE);
 function xFollowMouse(evnt){
 Xpos = evnt.pageX;
 Ypos = evnt.pageY;
 }
 window.onMouseMove = xFollowMouse;
 document.write('<layer name="a0" left=10 top=10 bgcolor="#ff0000" clip="0,0,2,2"></layer>'
 +'<layer name="a1" left=10 top=10 bgcolor="#00ff00" clip="0,0,2,2"></layer>'
 +'<layer name="a2" left=10 top=10 bgcolor="#ffffff" clip="0,0,2,2"></layer>'
 +'<layer name="a3" left=10 top=10 bgcolor="#ffa500" clip="0,0,2,2"></layer>'
 +'<layer name="a4" left=10 top=10 bgcolor="#ff00ff" clip="0,0,2,2"></layer>'
 +'<layer name="a5" left=10 top=10 bgcolor="#8888ff" clip="0,0,2,2"></layer>'
 +'<layer name="a6" left=10 top=10 bgcolor="#fff000" clip="0,0,2,2"></layer>');
 }
 else if (document.all){
 function FollowMouse(){
 Xpos = document.body.scrollLeft+event.x;
 Ypos = document.body.scrollTop+event.y;
 }
 document.onmousemove = FollowMouse;
 document.write('<div id="ieDiv" style="position:absolute;top:0px;left:0px">'
 +'<div id="c" style="position:relative">'
 +'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#ff0000;font-size:2px"></div>'
 +'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#00ff00;font-size:2px"></div>'
 +'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#ffffff;font-size:2px"></div>'
 +'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#ffa500;font-size:2px"></div>'
 +'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#ff00ff;font-size:2px"></div>'
 +'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#8888ff;font-size:2px"></div>'
 +'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#fff000;font-size:2px"></div>'
 +'</div>'
 +'</div>');
 }
 function sv2(){
 if (document.layers){
 for (i=0;i<7;i++)
 {
 Nslayers="a"+i;
 document.layers[0].top=Ypos+cntr*Math.cos((RunTime+i*4.5)/5);
 document.layers[0].left=Xpos+cntr*Math.sin((RunTime+i*4.5)/5);
 for (n=0; n < Clrs.length; n++)
 {
 var x=Math.round(Math.random()*[n]);
 }
 document.layers[0].bgColor=Clrs[x]; 
 }
 cntr+=1;
 RunTime+=speed;
 stp=setTimeout('sv2()',10);
 if (cntr>=100)
 {
 cntr=100;
 speed=2.5;
 for (i=0;i<7;i++)
 {
 Nslayers="a"+i;
 document.layers[Nslayers].top=Ypos+cntr*Math.cos((RunTime-100)*i/90);
 document.layers[Nslayers].left=Xpos+cntr*Math.sin((RunTime-100)*i/90);
 }
 }
 if (RunTime>182)
 {
 speed=0.5;
 for (i=0;i<7;i++)
 {
 Nslayers="a"+i;
 document.layers[Nslayers].top=Ypos+xcntr*Math.cos(((RunTime-182)+i*4.5)/5)*Math.cos((RunTime-182)/5);
 document.layers[Nslayers].left=Xpos+xcntr*Math.sin(((RunTime-182)+i*4.5)/5);
 }
 }
 }
 else if (document.all){
 for (i=0;i<ieDiv.all.c.all.length;i++)
 {
 ieDiv.all.c.all[0].style.top=Ypos+cntr*Math.cos((RunTime+i*4.5)/5);
 ieDiv.all.c.all[0].style.left=Xpos+cntr*Math.sin((RunTime+i*4.5)/5);
 for (n=0; n < Clrs.length; n++)
 {
 var x=Math.round(Math.random()*[n]);
 }
 ieDiv.all.c.all[0].style.background=Clrs[x]; 
 } 
 cntr+=1;
 RunTime+=speed;
 window.status=RunTime;
 stp=setTimeout('sv2()',10);
 if (cntr>=100)
 {
 cntr=100;
 speed=2.5;
 for (i=0;i<ieDiv.all.c.all.length;i++)
 {
 ieDiv.all.c.all[i].style.top=Ypos+cntr*Math.cos((RunTime-100)*i/90);
 ieDiv.all.c.all[i].style.left=Xpos+cntr*Math.sin((RunTime-100)*i/90);
 }
 }
 if (RunTime>182)
 {
 speed=0.5;
 for (i=0;i<ieDiv.all.c.all.length;i++)
 {
 ieDiv.all.c.all[i].style.top=Ypos+xcntr*Math.cos(((RunTime-182)+i*4.5)/5)*Math.cos((RunTime-182)/5);
 ieDiv.all.c.all[i].style.left=Xpos+xcntr*Math.sin(((RunTime-182)+i*4.5)/5);
 }
 }
 }
 if (RunTime>210)
 {
 xcntr-=10;
 }
 if (document.layers)
 _y=-window.innerWidth-90;
 else if (document.all)
 _y=-document.body.clientWidth-90;
 if (xcntr <= _y)
 {
 RunTime=0;
 speed=1;
 cntr=0;
 xcntr=100;
 }
 }
 sv2()
 //-->
 </SCRIPT>

Estrelas como uma nebulosa segue o mouse

<LAYER name="a0" left=10 top=10 bgcolor="#FF0000" clip="0,0,2,2"></LAYER>
 <LAYER name="a1" left=10 top=10 bgcolor="#FF8000" clip="0,0,2,2"></LAYER>
 <LAYER name="a2" left=10 top=10 bgcolor="#FFFF00" clip="0,0,2,2"></LAYER>
 <LAYER name="a3" left=10 top=10 bgcolor="#00FF00" clip="0,0,2,2"></LAYER>
 <LAYER name="a4" left=10 top=10 bgcolor="#0000FF" clip="0,0,2,2"></LAYER>
 <LAYER name="a5" left=10 top=10 bgcolor="#FF00FF" clip="0,0,2,2"></LAYER>
 <LAYER name="a6" left=10 top=10 bgcolor="#FFFFFF" clip="0,0,2,2"></LAYER>
 
 <DIV id="starsDiv" style="position:absolute;top:0px;left:0px">
 <DIV style="position:relative;width:2px;height:2px;background:#ffffff;font-size:2px"></DIV>
 <DIV style="position:relative;width:2px;height:2px;background:#ffff00;font-size:2px"></DIV>
 <DIV style="position:relative;width:2px;height:2px;background:#ffa000;font-size:2px"></DIV>
 <DIV style="position:relative;width:2px;height:2px;background:#ff0000;font-size:2px"></DIV>
 <DIV style="position:relative;width:2px;height:2px;background:#00ff00;font-size:2px"></DIV>
 <DIV style="position:relative;width:2px;height:2px;background:#0000ff;font-size:2px"></DIV>
 <DIV style="position:relative;width:2px;height:2px;background:#FF00FF;font-size:2px"></DIV>
 </DIV>
 
 <SCRIPT language="JavaScript">
 /*
 Mouse Stars
 Copyright Kurt Grigg (website.lineone.net/~kurt.grigg/javascript)
 To add more shock to your site, visit www.DHTML Shock.com
 */
 if (document.layers)
 {window.captureEvents(Event.MOUSEMOVE);}
 var yBase = 200;
 var xBase = 200;
 var step = .2;
 var currStep = 0;
 var Xpos = 1;
 var Ypos = 1;
 var i = 0;
 var j = 0;
 if (document.all)
 {
 function MoveHandler(){
 Xpos = document.body.scrollLeft+event.x;
 Ypos = document.body.scrollTop+event.y;
 }
 document.onmousemove = MoveHandler;
 }
 else if (document.layers)
 {
 function xMoveHandler(evnt){
 Xpos = evnt.pageX;
 Ypos = evnt.pageY;
 }
 window.onMouseMove = xMoveHandler;
 }
 function animateLogo(){
 if (document.all)
 {
 yBase = window.document.body.offsetHeight/4;
 xBase = window.document.body.offsetWidth/4;
 }
 else if (document.layers)
 {
 yBase = window.innerHeight/4;
 xBase = window.innerWidth/4;
 }
 
 if (document.all)
 {
 for ( i = 0 ; i < starsDiv.all.length ; i++ )
 {
 starsDiv.all[i].style.top = Ypos + Math.cos((20*Math.sin(currStep/20))+i*70)*yBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + i*25)/10);
 starsDiv.all[i].style.left = Xpos + Math.sin((20*Math.sin(currStep/20))+i*70)*xBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + i*25)/10);
 }
 }
 
 else if (document.layers)
 {
 for ( j = 0 ; j < 7 ; j++ ) //7 is number of NS layers!
 {
 var templayer="a"+j
 document.layers[templayer].top = Ypos + Math.cos((20*Math.sin(currStep/20))+j*70)*yBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + j*25)/10);
 document.layers[templayer].left =Xpos + Math.sin((20*Math.sin(currStep/20))+j*70)*xBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + j*25)/10);
 }
 }
 currStep += step;
 setTimeout("animateLogo()", 10);
 }
 animateLogo();
 // -->
 </SCRIPT>

Mouse com Estrelas Pulsantes

Mensagem na barra de status

Barra de Status animada com setinhas e mensagem

Imagens Caindo
Substitua o endereço do código abaixo: http://www.ederecodaimagem.com.br/imagem.gif pelo endereço da imagem que te interessa. (pode ser alguma dos Minis)

Data

<SCRIPT LANGUAGE="JavaScript"> 
 var now = new Date(); 
 var hours = now.getHours(); 
 var minutes = now.getMinutes(); 
 var timeValue = "" + ((hours >12) ? hours -12 :hours) 
 timeValue += ((minutes < 10) ? ":0" : ":") + minutes
 timeValue += (hours >= 12) ? " P.M." : " A.M." 
 timerRunning = true; 
 
 mydate = new Date(); 
 myday = mydate.getDay(); 
 mymonth = mydate.getMonth(); 
 myweekday= mydate.getDate(); 
 weekday= myweekday; 
 myyear= mydate.getYear(); 
 year = myyear
 
 if(myday == 0) 
 day = " Domingo, " 
 
 else if(myday == 1) 
 day = " Segunda, " 
 
 else if(myday == 2) 
 day = " Terça, " 
 
 else if(myday == 3) 
 day = " Quarta, " 
 
 else if(myday == 4) 
 day = " Quinta, " 
 
 else if(myday == 5) 
 day = " Sexta, " 
 
 else if(myday == 6) 
 day = " Sábado, " 
 
 if(mymonth == 0) 
 month = " de Janeiro de " 
 
 else if(mymonth ==1) 
 month = " de Fevereiro de " 
 
 else if(mymonth ==2) 
 month = " de Março de " 
 
 else if(mymonth ==3) 
 month = " de April de " 
 
 else if(mymonth ==4) 
 month = " de Maio de "
 
 
 else if(mymonth ==5) 
 month = " de Junho de " 
 
 else if(mymonth ==6) 
 month = " de Julho de " 
 
 else if(mymonth ==7) 
 month = " de Agosto de " 
 
 else if(mymonth ==8) 
 month = " de Setembro de " 
 
 else if(mymonth ==9) 
 month = " de Outubro de " 
 
 else if(mymonth ==10) 
 month = " de Novembro de " 
 
 else if(mymonth ==11) 
 month = " de Dezembro de " 
 
 document.write("<center>" + timeValue + " | " + day + myweekday ); document.write( month + ""+ year + "</center>"); 
 
 </script>

Scrolling Marquee
A mensagem aparece rolando na tela

Saudações
A cada momento você irá ver um tipo de mensagem.
Boa noite!! Boa tarde!! Quase meia noite!!
E muitas outras mensagens...

<SCRIPT language="JavaScript"></SCRIPT>

Pesquisa

Flashs

Teste de Qi
Mate a baratinha
A baratinha
O mamute
Acerte as moscas
Esse é legal
Musica surprendente
Pac Man
Brazilian fish
Dança 3d
Uma triste história
O toalete
O sapo cantor
Musica
Problemas
O Bebe do Michael