Efeitos Java Script
(recorte e cole no cdigo html da sua pagina)

======TEXTO ACOMPANHANDO O CURSOR==========

<style>
.animado {position:absolute;visibility:visible;top:-50px;font-size:10pt;font-family:Arial;font-weight:bold;color:red;}
</style>
<script language=JavaScript>
var x,y
var tempo=10
var espera=0 
var texto="Coloque aqui seu texto "
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> 
	


======TEXTO DE RODAPE===========

<SCRIPT language=JavaScript>
<!--
ScrollSpeed = 250; // milliseconds between scrolls
ScrollChars = 4; // chars scrolled per time period

function SetupTicker() {
// add space to the left of the message
msg = " Coloque aqui seu texto ";
RunTicker();}

function RunTicker() {
window.setTimeout('RunTicker()',ScrollSpeed);
window.status = msg;
msg = msg.substring(ScrollChars) + msg.substring(0,ScrollChars);}
SetupTicker();

<!-- end -->
</SCRIPT>	



============BARRA DE ROLAGEM COLORIDA============

<head>
<style>
BODY{
scrollbar-3d-light-color:#ffffff; 
scrollbar-arrow-color:#00ff00;
scrollbar-base-color:#ffffff;
scrollbar-dark-shadow-color:#000000;
scrollbar-face-color:#990099;
scrollbar-highlight-color:#ff0000;
scrollbar-shadow-color:#00ff00;}
</style>



===========IMAGEM ELASTICA NO CURSOR================


<STYLE>v\:* {
BEHAVIOR: url(#default#VML)
}
</STYLE>

<IMG width=130 height=130 id=Om src="Coloque aqui o nome e sobrenome da sua figura" style="LEFT: -1100px; POSITION: absolute">

<SCRIPT>
ddx=0;ddy=0;PX=0;PY=0;xm=0;ym=0
OmW=(Om.width/2)+70;OmH=(Om.height/2)+50
document.body.style.cursor="hand" 
function Ouille(){
x=Math.round(PX+=(ddx+=((xm-PX-ddx)*3)/100))
y=Math.round(PY+=(ddy+=((ym-PY-ddy)*3-300)/100))
Om.style.left=x-OmW
Om.style.top=y-OmH
elastoc.to=x+","+y
elastoc.strokecolor="RGB(80,80,80)"
setTimeout("Ouille()",1) 
}
function momouse(){
xm=window.event.x
ym=window.event.y
elastoc.from=xm+","+ym
}
if(ScriptEngineMajorVersion()==5 && ScriptEngineMinorVersion()==5){
code="<v:line id=elastoc style='LEFT:0;POSITION:absolute;TOP:0' strokeweight='1.5pt'></v:line>"} else {
code="<v:group style='LEFT:-10;WIDTH:100pt;POSITION:absolute;TOP:0;HEIGHT:100pt' coordsize='21600,21600'><v:line id=elastoc style='LEFT:0;WIDTH:100pt;POSITION:absolute;TOP:0;HEIGHT:100pt' strokeweight='1.5pt'></v:line></v:group>"}
document.body.insertAdjacentHTML("afterBegin",code)
document.onmousemove=momouse
Ouille()

</SCRIPT>



=========MENSAGEM NA BARRA DE STATUS===========

<script
language="JavaScript"><!--
var hellotext=" Escreva aqui sua mensagem"
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()
{
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> 




===========MENSAGEM NA BARRA DE TITULO============


<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var message = new Array();

message[0] = "Escreva aqui sua mensagem ";
message[1] = "Escreva aqui sua mensagem ";
message[2] = "Escreva aqui sua mensagem ";
message[3] = "Escreva aqui sua mensagem ";
message[4] = "Escreva aqui sua mensagem";
message[5] = "Escreva aqui sua mensagem ";
message[6] = "Escreva aqui sua mensagem";

var reps = 2;
var speed = 200; // Set the overall speed (larger number = slower action).

var p = message.length;
var T = "";
var C = 0;
var mC = 0;
var s = 0;
var sT = null;
if (reps < 1) reps = 1;
function doTheThing() {
T = message[mC];
A();
}
function A() {
s++;
if (s > 8) { s = 1;}
// you can fiddle with the patterns here...
if (s == 1) { document.title = '||||||====||| '+T+' -----'; }
if (s == 2) { document.title = '|||=|||===||| '+T+' -----'; }
if (s == 3) { document.title = '|||==|||==||| '+T+' -----'; }
if (s == 4) { document.title = '|||===|||=||| '+T+' -----'; }
if (s == 5) { document.title = '|||====|||||| '+T+' -----'; }
if (s == 6) { document.title = '|||===|||=||| '+T+' -----'; }
if (s == 7) { document.title = '|||==|||==||| '+T+' -----'; }
if (s == 8) { document.title = '|||=|||===||| '+T+' -----'; }
if (C < (8 * reps)) {
sT = setTimeout("A()", speed);
C++;
}
else {
C = 0;
s = 0;
mC++;
if(mC > p - 1) mC = 0;
sT = null;
doTheThing();
}
}
doTheThing();
// End -->
</script>

 
=========ESTRELINHA ACOMPANHA O CURSOR==========


<head>
<STYLE TYPE="text/css">
<!--

BODY{
overflow:scroll;
overflow-x:hidden;
}

.s1
{
position : absolute;
font-size : 10pt;
color : blue;
visibility: hidden;
}

.s2
{
position : absolute;
font-size : 18pt;
color : red;
visibility : hidden;
}

.s3
{
position : absolute;
font-size : 14pt;
color : gold;
visibility : hidden;
}

.s4
{
position : absolute;
font-size : 12pt;
color : lime;
visibility : hidden;
}

//-->
</STYLE>




</head>

 

<DIV ID="div1" CLASS="s1">*</DIV>
<DIV ID="div2" CLASS="s2">*</DIV>
<DIV ID="div3" CLASS="s3">*</DIV>
<DIV ID="div4" CLASS="s4">*</DIV>

<SCRIPT LANGUAGE="javascript" TYPE="text/javascript">

/*
Submitted by Mike McGrath http://website.lineone.net/~mike_mcgrath
*/

var nav = (document.layers);
var tmr = null;
var spd = 50;
var x = 0;
var x_offset = 5;
var y = 0;
var y_offset = 15;

if(nav) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = get_mouse; 

function get_mouse(e)
{ 
x = (nav) ? e.pageX : event.clientX+document.body.scrollLeft;
y = (nav) ? e.pageY : event.clientY+document.body.scrollTop;
x += x_offset;
y += y_offset;
beam(1); 
}

function beam(n)
{
if(n<5)
{
if(nav)
{ 
eval("document.div"+n+".top="+y);
eval("document.div"+n+".left="+x);
eval("document.div"+n+".visibility='visible'");
} 
else
{
eval("div"+n+".style.top="+y);
eval("div"+n+".style.left="+x);
eval("div"+n+".style.visibility='visible'");
}
n++;
tmr=setTimeout("beam("+n+")",spd);
}
else
{
clearTimeout(tmr);
fade(4);
} 
} 

function fade(n)
{
if(n>0) 
{
if(nav)eval("document.div"+n+".visibility='hidden'");
else eval("div"+n+".style.visibility='hidden'"); 
n--;
tmr=setTimeout("fade("+n+")",spd);
}
else clearTimeout(tmr);
} 

// -->
</SCRIPT>	



========FRASE EM FORMA DE ONDA=========


<FONT 
color=#ff0000><html><BR><body><BR><BR><BR><HEAD><BR><BR><BR><script 
language="JavaScript1.2"><BR><BR>/*<BR>Texto animado tipo 
ondas <BR>*/<BR><BR>//configure message<BR>message="</FONT><FONT 
color=#00ff00>Coloque aqui sua frase</FONT><FONT color=#ff0000>"<BR>//animate 
text in NS6? (0 will turn it off)<BR>ns6switch=1<BR><BR>var 
ns6=document.getElementById&&!document.all<BR>mes=new 
Array();<BR>mes[0]=-1;<BR>mes[1]=-4;<BR>mes[2]=-7;mes[3]=-10;<BR>mes[4]=-7;<BR>mes[5]=-4;<BR>mes[6]=-1;<BR>num=0;<BR>num2=0;<BR>txt="";<BR>function 
jump0(){<BR>if 
(ns6&&!ns6switch){<BR>jump.innerHTML=message<BR>return<BR>}<BR>if(message.length 
> 6){<BR>for(i=0; i != message.length;i++){<BR>txt=txt+"<span 
style='position:relative;' 
id='n"+i+"'>"+message.charAt(i)+"</span>"};<BR>jump.innerHTML=txt;<BR>txt="";<BR>jump1a()<BR>}<BR>else{<BR>alert("Your 
message is to short")<BR>}<BR>}<BR><BR>function 
jump1a(){<BR>nfinal=(document.getElementById)? document.getElementById("n0") : 
document.all.n0<BR>nfinal.style.left=-num2;<BR>if(num2 != 
9){<BR>num2=num2+3;<BR>setTimeout("jump1a()",50)<BR>}<BR>else{<BR>jump1b()<BR>}<BR>}<BR><BR>function 
jump1b(){<BR>nfinal.style.left=-num2;<BR>if(num2 != 
0){num2=num2-3;<BR>setTimeout("jump1b()",50)<BR>}<BR>else{<BR>jump2()<BR>}<BR>}<BR><BR>function 
jump2(){<BR>txt="";<BR>for(i=0;i != message.length;i++){<BR>if(i+num > -1 
&& i+num <7){<BR>txt=txt+"<span 
style='position:relative;top:"+mes[i+num]+"'>"+message.charAt(i)+"</span>"<BR>}<BR>else{txt=txt+"<span>"+message.charAt(i)+"</span>"}<BR>}<BR>jump.innerHTML=txt;<BR>txt="";<BR>if(num 
!= 
(-message.length)){<BR>num--;<BR>setTimeout("jump2()",50)}<BR>else{num=0;<BR>setTimeout("jump0()",50)}}<BR></script> <BR><BR></HEAD><BR><BR><BR><!-- 
Inserir a primeira parte do script entre os <HEAD></HEAD> tags . E o 
resto do script em qualquer parte da pagina, dentro de (body) 
--><BR><BR><BR><BR><BR><BODY><BR><BR><BRR><BR><BR><h2><div 
id="jumpx" style="color:red"></div></h2><BR><script><BR>if 
(document.all||document.getElementById){<BR>jump=(document.getElementById)? 
document.getElementById("jumpx") : 
document.all.jumpx<BR>jump0()<BR>}<BR>else<BR>document.write(message)<BR></script><BR><BR><BR><BR><BR><BR><BR><BR></body><BR></html></FONT>	



=========IMAGEM VOANDO PELA TELA=============



<SCRIPT language="JavaScript1.2"> 
var imagem="COLOQUE AQUI O NOME E O SOBRENOME DE SUA FIGURA"
if (document.layers)
{document.write("<LAYER NAME='animacao' LEFT=10 TOP=10><img src='"+imagem+"' ></LAYER>")}
else if (document.all){document.write("<div id='animacao' style='position:absolute;top:10px;left:10px;width:17px;height:22px;z-index:50'><img src='"+imagem+"'></div>")} 

conta=-1; 
move=1;
function curva(){
abc=new Array(0,1,1,1,2,3,4,0,6,-1,-1,-1,-2,-3,-4,0,-6)
for (i=0; i < abc.length; i++)
{var C=Math.round(Math.random()*[i])}
iniciar=abc[C];
setTimeout('curva()',1900);
return iniciar;
}
ypos=10;
xpos=10;
movimento = 60;
function moveR(){
caminho=movimento+=iniciar;
y = 4*Math.sin(caminho*Math.PI/180);
x = 6*Math.cos(caminho*Math.PI/180);
if (document.layers){
ypos+=y;
xpos+=x;
document.animacao.top=ypos+window.pageYOffset;
document.animacao.left=xpos+window.pageXOffset;
}
else if (document.all){
ypos+=y;
xpos+=x;
document.all.animacao.style.top=ypos+document.body.scrollTop;
document.all.animacao.style.left=xpos+document.body.scrollLeft;
}
T=setTimeout('moveR()',50);
}
function edges(){
if (document.layers){
if (document.animacao.left >= window.innerWidth-40+window.pageXOffset)movimento=Math.round(Math.random()*45+157.5);
if (document.animacao.top >= window.innerHeight-30+window.pageYOffset)movimento=Math.round(Math.random()*45-112.5);
if (document.animacao.top <= 2+window.pageYOffset) movimento = Math.round(Math.random()*45+67.5);//OK!
if (document.animacao.left <= 2+window.pageXOffset) movimento = Math.round(Math.random()*45-22.5);//OK!
}
else if (document.all)
{
if (document.all.animacao.style.pixelLeft >= document.body.offsetWidth-45+document.body.scrollLeft)movimento=Math.round(Math.random()*45+157.5);
if (document.all.animacao.style.pixelTop >= document.body.offsetHeight-35+document.body.scrollTop)movimento=Math.round(Math.random()*45-112.5);
if (document.all.animacao.style.pixelTop <= 2+document.body.scrollTop) movimento = Math.round(Math.random()*45+67.5);//OK!
if (document.all.animacao.style.pixelLeft <= 2+document.body.scrollLeft) movimento = Math.round(Math.random()*45-22.5);//OK!
}
setTimeout('edges()',100);
}
function efeito(){
curva();
moveR();// onUnload="opener.gO()"
edges();
}
if (document.all||document.layers)
efeito()
</script> 

<head>
<title></title>
</head>	



===========IAMGEM MARCA DAGUA========


<div id="marca" style="position:absolute; visibility:show; left:225px; top:-100px; z-index:2">
<IMG SRC="Coloque aqui o nome e sobrenome de sua figura" border=0></div>
<script language=javaScript>
function checanav(){
var x = navigator.appVersion;
y = x.substring(0,4);
if (y>=4) variaveis(),local();
}
function variaveis(){
if (navigator.appName == "Netscape") {
h=".left";
v=".top";
dS="document.";
sD="";
iW="window.innerWidth"
iH="window.innerHeight"
osX="window.pageXOffset"
osY="window.pageYOffset"
}else{
h=".pixelLeft";
v=".pixelTop";
dS="";
sD=".style";
iW="document.body.clientWidth"
iH="document.body.clientHeight"
osX="document.body.scrollLeft"
osY="document.body.scrollTop"
}
}
obW=99+30
obH=24+40
objectXY="marca" 

function local(){
eval(dS+objectXY+sD+h+"="+((eval(iW))-obW+(eval(osX))));
eval(dS+objectXY+sD+v+"="+((eval(iH))-obH+(eval(osY))));
setTimeout("local()",100)
}
checanav()
</script> 

	


=======IMAGEM ROLANTE NA BARRA DE TITULO======



<title> - Coloque aqui sua mensagem. - </title> <script> var repeat=1 // 0 para rolar uma vez, 1 para rolar infinitamente
var title=document.title
var leng=title.length
var start=1
function titlemove() {
titl=title.substring(start, leng) + title.substring(0, start)
document.title=titl
start++
if (start==leng+1) {
start=0
if (repeat==0)
return
}
setTimeout("titlemove()",140)




======FUNDO DESCE SOSINHO=====

<BODY>

<body background="coloque aqui o nome da sua imagem
">


<script language="JavaScript">
<!-- Begin
var backgroundOffset = 0;
var bgObject = eval('document.body');
function scrollBG(maxSize) {
backgroundOffset = backgroundOffset +3;
if (backgroundOffset > maxSize) backgroundOffset = 0;
bgObject.style.backgroundPosition = "0 " + backgroundOffset;
}
var ScrollTimer = window.setInterval("scrollBG(307)", 64);
// End -->
</script>



=======TEXTO E MENU ROLANTE============


<!--[if IE]>

<IE:Download ID="marqueedata" STYLE="behavior:url(#default#download)" /> <marquee id="externalmarquee" direction=up scrollAmount=4 style="width:200px;height:150px;border:1px solid black;padding:3px" onMouseover="this.scrollAmount=0" onMouseout="this.scrollAmount=4" src="update.htm">

<center>
Coloque seu cdigo html aqui
</center>

</marquee>

<script language="JavaScript1.2">

function downloaddata(){
marqueedata.startDownload(externalmarquee.src,displaydata)
}

function displaydata(data){
externalmarquee.innerHTML=data
}

if (document.all)
window.onload=downloaddata

</script>

<![endif]-->




===========CAIXA DE TESTO ANIMADA=========


<!--[if IE]>

<IE:Download ID="marqueedata" STYLE="behavior:url(#default#download)" /> <marquee id="externalmarquee" direction=up scrollAmount=4 style="width:200px;height:150px;border:1px solid black;padding:3px" onMouseover="this.scrollAmount=0" onMouseout="this.scrollAmount=4" src="update.htm">

<center>
Coloque seu cdigo html aqui
</center>

</marquee>

<script language="JavaScript1.2">

function downloaddata(){
marqueedata.startDownload(externalmarquee.src,displaydata)
}

function displaydata(data){
externalmarquee.innerHTML=data
}

if (document.all)
window.onload=downloaddata

</script>

<![endif]-->


