Efeitos Bacanas Para Seu Blog

Descrição: São Alguns Efeitos Basicos,  Mais Muito Legal...Confiram!
Nossa Avaliação Do Conteúdo:
Efeitos:

Instruções: Para copiar os códigos selecione o código e aperte Ctrl+C Depois para colar aperte Ctrl+V

As palavras em maiúscula devem ser trocadas pela informação do seu blog.

Linke Blog de Amigos

<br><a href=" http://ENDEREÇO DO BLOG.com.br " target="_blank"> TITULO DO BLOG </a><br>

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

<SCRIPT>alert("Seja benvindo ao meu Site!")</SCRIPT>

Mudar a cor da letra, a fonte e o tamanho

Coloque-o antes de qualquer palavra ou frase.

<font color="#7090C0 " size="1" face="Verdana">

Lembre-se que #7090C0 é a cor (Veja tabela com os códigos das cores para voce mudar a cor)

Size é o tamanho... ele pode variar de 1 até 7

Face é a fonte, voce pode troca-la para outras como a arial...

Ícone ao adicionar sua página aos favoritos

Para que a lista de favoritos carregue esta imagem (que deve ser no formato .ICO), não é necessário mexer sequer uma linha do código de suas páginas. Basta você salvar a imagem como "favicon.ico" e salvá-la no diretório raíz do seu site.

Background Fixo

Entre as tags e

<style type=text/css> body { background: URL('imagem.gif') fixed no-repeat center bottom #FE03A9 } </style>

Proibir clique com o segundo botão

Entre as tags e

<script language="JavaScript"> if (window != top) top.location.href = location.href; </script> <script language="JavaScript"> // Proibe clicar com o "segundo" botao function click() { if (event.button==2) { alert('alguma mensagem aqui') } } document.onmousedown=click </script>

Adicionar seu blog aos favoritos

Entre as tags e

<a href="#" onClick="window.external.AddFavorite(' endereço do seu blog',' título do seu blog');"><font color="#7090C0">Me adicione aos seus favoritos </font><img border="0" src="http://www.mylayouts.kit.net/pastad.gif" alt="Adicione essa página aos favoritos"></font></a>

Fechar janela

Coloque no lugar que quiser que apareca o "fechar"

<a href="javascript:window.close()">fechar</a>

Mouse com mensagem rodando em volta

Entre as tags e

<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>

#FFFFFF é a cor que vai ser a mensagem, você pode mudar para a cor que quiser (veja tabela dos códigos das cores)

Mouse com coraçãozinho rodando em volta

<SCRIPT LANGUAGE="JavaScript1.2"><!--// // your message here var msg='Y Y Y Y Y Y Y Y Y Y Y Y '; var font='Webdings'; var size=3; // up to seven var color='#0000FF'; // This is not the rotation speed, its the reaction speed, keep low! // Set this to 1 for just plain rotation w/out drag var speed=.3; // This is the rotation speed, set it negative if you want // it to spin clockwise var rotation=.1; // Alter no variables past here!, unless you are good //--------------------------------------------------- var ns=(document.layers); var ie=(document.all); var msg=msg.split(''); var n=msg.length; var a=size*15; var currStep=0; var ymouse=0; var xmouse=0; var scrll=0; var props="<font face="+font+" size="+size+" color="+color+">"; if (ie) window.pageYOffset=0 // writes the message if (ns){ for (i=0; i < n; i++) document.write('<layer name="nsmsg'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+msg[i]+'</font></center> </layer>'); } if (ie){ document.write('<div id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < n; i++) document.write('<div id="iemsg" style="position:absolute;top:0px;left:0; height:'+a+';width:'+a+';text-align:center; font-weight:regular;cursor:default">'+props+msg[i]+'</font> </div>'); document.write('</div></div>'); } (ns)?window.captureEvents(Event.MOUSEMOVE):0; function Mouse(evnt){ ymouse = (ns)?evnt.pageY+20-(window.pageYOffset):event.y; // y-position xmouse = (ns)?evnt.pageX+20:event.x-20; // x-position } if (ns||ie) (ns)?window.onMouseMove=Mouse:document.onmousemove= Mouse; y=new Array(); x=new Array(); Y=new Array(); X=new Array(); for (i=0; i < n; i++){ y[i]=0; x[i]=0; Y[i]=0; X[i]=0; } function makecircle(){ // rotation properties if (ie) outer.style.top=document.body.scrollTop; currStep-=rotation; for (i=0; i < n; i++){ // makes the circle var d=(ns)?document.layers['nsmsg'+i]:iemsg[i].style; d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+ window.pageYOffset-15; d.left=x[i]+a*Math.cos((currStep+i*1)/3.8)*2; // remove *2 for just a plain circle, not oval } } function drag(){ // makes the resistance scrll=(ns)?window.pageYOffset:0; y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed); x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed); for (var i=1; i < n; i++){ y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed); x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed); } makecircle(); // not rotation speed, leave at zero setTimeout('drag()',10); } if (ns||ie)window.onload=drag; // --> </SCRIPT>

Mouse com palavras que acompanham o mouse

São dois scripts: O primeiro, você põe dentro das tags e

<style>--> .animado {position:absolute;visibility:visible;top:-50px; font-size:10pt;font-family:Arial;font-weight:bold; color:#000000;} </style>

O outro é abaixo da tag

<script language=JavaScript> var x,y var tempo=10 var espera=0 var texto="TESTE " texto=texto.split("") var xpos=new Array() for (i=0;i<=texto.length-1;i++) { xpos[i]=-50 } var ypos=new Array() for (i=0;i<=texto.length-1;i++) { ypos[i]=-50 } function seguir(e){ x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY espera=1 } function animar_cursor() { if (espera==1 && document.all) { for (i=texto.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+tempo ypos[i]=ypos[i-1] } xpos[0]=x+tempo ypos[0]=y for (i=0; i<texto.length-1; i++) { var camada = eval("span"+(i)+".style") camada.posLeft=xpos[i] camada.posTop=ypos[i] } } else if (espera==1 && document.layers) { for (i=texto.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+tempo ypos[i]=ypos[i-1] } xpos[0]=x+tempo ypos[0]=y for (i=0; i<texto.length-1; i++) { var camada = eval("document.span"+i) camada.left=xpos[i] camada.top=ypos[i] } } var timer=setTimeout("animar_cursor()",30) } </script> <script Language=JavaScript> for (i=0;i<=texto.length-1;i++) { document.write("<span id='span"+i+"' class='animado'>") document.write(texto[i]) document.write("</span>") } if (document.layers){ document.captureEvents(Event.MOUSEMOVE); } document.onmousemove = seguir; animar_cursor() </script>

Mouse Cometa

Pontinhos coloridos seguem o mouse. Colocar depois de

<!-- Start of Mouse Comet: High-light or select all, copy and paste in Body --> <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> <!-- End of Mouse Comet -->

Mouse Spin

Pontinhos coloridos seguem o mouse numa linda animação. Colocar depois de

<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>

Mouse estrelar

Estrelas como uma nebulosa segue o mouse. Colocar depois de

<!-- Start of Stars: High-light or select all, copy and paste in Body --> <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> <!-- End of stars! -->

Mouse com Estrelas Pulsantes

Colocar depois de

<script language="javascript"> /* Pulse Spin Copyright Kurt Grigg (website.lineone.net/~kurt.grigg/javascript) To add more shock to your site, visit www.DHTML Shock.com */ var speed; var RunTime = 0; var Xpos = 0; var Ypos = 0; var pulse=25; var cnter=70; var _y; if (document.layers) { 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="#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>'); window.captureEvents(Event.MOUSEMOVE); function xMoveHandler(evnt){ Xpos = evnt.pageX; Ypos = evnt.pageY; } window.onMouseMove = xMoveHandler; } else if (document.all) { 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 MoveHandler(){ Xpos = document.body.scrollLeft+event.x; Ypos = document.body.scrollTop+event.y; } document.onmousemove = MoveHandler; } function sv3(){ if (RunTime<0.0550) speed=0.001; if (document.layers) { for (i=0;i<7;i++) { var ntscp="a"+i document.layers[ntscp].top=Ypos+cnter*Math.cos((RunTime+i*4.5)/5)*Math.sin((RunTime)*150); document.layers[ntscp].left=Xpos+cnter*Math.sin((RunTime+i*4.5)/5)*Math.sin((RunTime)*150); } } else if (document.all) { for (i=0;i<ieDiv.all.c.all.length;i++) { ieDiv.all.c.all[i].style.top=Ypos+cnter*Math.cos((RunTime+i*4.5)/5)*Math.sin((RunTime)*150); ieDiv.all.c.all[i].style.left=Xpos+cnter*Math.sin((RunTime+i*4.5)/5)*Math.sin((RunTime)*150); } } RunTime+=speed; stp=setTimeout('sv3()',10); if (RunTime>0.0540) { speed+=0.002; if (document.layers) { for (i=0;i<7;i++) { var ntscp="a"+i document.layers[ntscp].top=Ypos+cnter*Math.cos((RunTime+i*4.5)/5) document.layers[ntscp].left=Xpos+cnter*Math.sin((RunTime+i*4.5)/5) } } else if (document.all) { for (i=0;i<ieDiv.all.c.all.length;i++) { ieDiv.all.c.all[i].style.top=Ypos+cnter*Math.cos((RunTime+i*4.5)/5) ieDiv.all.c.all[i].style.left=Xpos+cnter*Math.sin((RunTime+i*4.5)/5) } } } if (speed > 0.5) { speed=0.5; cnter-=8; } if (document.layers) _y=-window.innerHeight; else if (document.all) _y=-document.body.clientHeight; if (cnter <= _y) { RunTime=0; speed=0.001; cnter=70; } } sv3(); //--> </SCRIPT>

Mensagem na barra de status

Colocar abaixo da tag

<script language="JavaScript">tempo = 50; chars = 10; texto = "QUALQUER MENSAGEM AQUI*"; wtexto = new Array(33); wtexto[0] = texto; blnk = " "; for (i = 1; i < 32; i++) { b = blnk.substring(0, i); wtexto[i] = ""; for (j = 0; j < texto.length; j++) wtexto[i] = wtexto[i] + texto.charAt(j) + b; } function animastatus() { if (chars > -1) str = wtexto[chars]; else str = wtexto[0]; if (chars-- < -40) chars = 31; status = str; clearTimeout(tempo); tempo = setTimeout("animastatus()", 60); } animastatus() </script>

Barra de Status animada com setinhas e mensagem

Colocar abaixo da tag

<script language="JavaScript"><!-- var hellotext=" O QUE VOCE QUISER QUE APAREÇA ESCRITO " var thetext="" var started=false var step=0 var times=1 function welcometext() { times-- if (times==0) { if (started==false) { started = true; window.status = hellotext; setTimeout("anim()",1); } thetext = hellotext; } } function showstatustext(txt) { thetext = txt; setTimeout("welcometext()",4000) times++ } function anim() &nbsp;&nbsp;&nbsp;&nbsp;{ step++ if (step==12) {step=1} if (step==1) {window.status='>>=========='+thetext+'==========<<'} if (step==2) {window.status='=>>========='+thetext+'=========<<='} if (step==3) {window.status='==>>========'+thetext+'========<<=='} if (step==4) {window.status='===>>======='+thetext+'=======<<==='} if (step==5) {window.status='====>>======'+thetext+'======<<===='} if (step==6) {window.status='=====>>====='+thetext+'=====<<====='} if (step==7) {window.status='======>>===='+thetext+'====<<======'} if (step==8) {window.status='=======>>==='+thetext+'===<<======='} if (step==9) {window.status='========>>=='+thetext+'==<<========'} if (step==10) {window.status='=========>>='+thetext+'=<<========='} if (step==11) {window.status='==========>>'+thetext+'<<=========='} setTimeout("anim()",100); } welcometext(); // --></script>

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.

<script language="JavaScript1.2"> <!-- This cool script is copyright Altan, visit his site! --> <!-- http://www.altan.hr/snow --> <!-- This script is provided free at Lissa Explains it All --> <!-- http://www.lissaexplains.com --> <!-- Begin var no = 15; // snow number var speed = 9; // smaller number moves the snow faster var snowflake = "IMAGEM.GIF"; var ns4up = (document.layers) ? 1 : 0; // browser sniffer var ie4up = (document.all) ? 1 : 0; var dx, xp, yp; // coordinate and position variables var am, stx, sty; // amplitude and step variables var i, doc_width = 800, doc_height = 600; if (ns4up) { doc_width = self.innerWidth; doc_height = self.innerHeight; } else if (ie4up) { doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx = new Array(); xp = new Array(); yp = new Array(); am = new Array(); stx = new Array(); sty = new Array(); for (i = 0; i < no; ++ i) { dx[i] = 0; // set coordinate variables xp[i] = Math.random()*(doc_width-50); // set position variables yp[i] = Math.random()*doc_height; am[i] = Math.random()*20; // set amplitude variables stx[i] = 0.02 + Math.random()/10; // set step variables sty[i] = 0.7 + Math.random(); // set step variables if (ns4up) { // set layers if (i == 0) { document.write("<layer name=\"dot"+ i +"\" left=\"15\" "); document.write("top=\"15\" visibility=\"show\"><img src=\""); document.write(snowflake + "\" border=\"0\"></layer>"); } else { document.write("<layer name=\"dot"+ i +"\" left=\"15\" "); document.write("top=\"15\" visibility=\"show\"><img src=\""); document.write(snowflake + "\" border=\"0\"></layer>"); } } else if (ie4up) { if (i == 0) { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\""); document.write(snowflake + "\" border=\"0\"></div>"); } else { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\""); document.write(snowflake + "\" border=\"0\"></div>"); } } } function snowNS() { // Netscape main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = self.innerWidth; doc_height = self.innerHeight; } dx[i] += stx[i]; document.layers["dot"+i].top = yp[i]; document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowNS()", speed); } function snowIE() { // IE main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx[i] += stx[i]; document.all["dot"+i].style.pixelTop = yp[i]; document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowIE()", speed); } if (ns4up) { snowNS(); } else if (ie4up) { snowIE(); } // End --> </script>

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("<font size=2 face=verdana><center><b>" + timeValue + " | " + day + myweekday ); document.write( month + ""+ year + "</font></center></b>"); </script>

Scrolling Marquee

A mensagem aparece rolando na tela <marquee direction="up" scrollAmount='1' width="150" height="150"> Escreva sua mensagem aqui! </marquee>

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"><!-- document.write("<dl><dd>") day = new Date() hr = day.getHours() if (hr ==1) document.write("Nossa, 1 da manh&atilde;! Voc&ecirc; n&atilde;o dorme n&atilde;o?") if (hr ==2) document.write("J&aacute; s&atilde;o 2 da manh&atilde;! Vai dormir!!!") if (hr ==3) document.write("Credo, 3 da manh&atilde;! Voc&ecirc; &eacute; um vampiro ou o que?!?!") if (hr ==4) document.write("S&atilde;o 4 da manh&atilde;! Voc&ecirc; n&atilde;o devia estar na cama agora?!?!") if (hr ==5) document.write("Meu, 5 da manh&atilde;, j&aacute; est&aacute; clareando e voc&ecirc; ainda ta a&iacute;!") if (hr ==6) document.write("6 da manh&atilde;: Deus ajuda quem cedo madruga!") if ((hr ==7) || (hr ==8) || (hr == 9) || (hr ==10)) document.write("Bom dia!") if (hr ==11) document.write("11 da manh&atilde;, est&aacute; quase na hora do almo&ccedil;o!") if (hr ==12) document.write("Meio-dia! Que tal ir almo&ccedil;ar?") if (hr ==13) document.write("1 hora da tarde! J&aacute; almo&ccedil;ou hoje?") if ((hr==14) || (hr==15)) document.write("Boa tarde!") if (hr ==16) document.write("J&aacute; deu um tempo pra ver o c&eacute;u l&aacute; fora, hoje?") if (hr==17) document.write("Hora do cafezinho (ou do ch&aacute; das 5 ;)!") if (hr==18) document.write("Bom final de tarde!") if ((hr==19) || (hr==20) || (hr==21) || (hr==22)) document.write("Boa noite!") if (hr==23) document.write("J&aacute; &eacute; quase meia-noite!") if (hr==0) document.write("Meia-noite! J&aacute; &eacute; um novo dia!") document.write("</dl>") //---></SCRIPT>