Corações entrando na tela - Webmaster Cristão

Efeitos JavaScript - Corações entrando na tela

Efeito de corações entrando na tela.
Insira o código no HTML entre <head></head>
Modifique a cor segundo mostra o exemplo abaixo destacado em vermelho:

<SCRIPT language=JavaScript>
if (document.all){

yourLogo='YYYYYY';
logoFont='Webdings';
logoColor='#DDD3C8'; ...

<SCRIPT language=JavaScript> if (document.all){ yourLogo='YYYYYY'; logoFont='Webdings'; logoColor='#DDD3C8'; yourLogo=yourLogo.split(''); L=yourLogo.length; H=0; W=0; R=0; E=0; MY=0; MX=0; Wd=0; Hd=0; F=new Array(); Y=new Array(); X=new Array(); S=new Array(); A=new Array(); B=new Array(); 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:0;left:0;width:10px;height:10px;' +'font-family:'+logoFont+';font-size:5px;color:'+logoColor+'">'+yourLogo[i]+'</div>'); document.write('</div></div>'); //Initial Placement! function Set(){ for (i=0; i < L; i++){ H=window.document.body.offsetHeight; W=window.document.body.offsetWidth; A[i]=Math.round(Math.random()*H); B[i]=Math.round(Math.random()*W); S[i]=Math.random()*0.07+0.05; R=Math.round(Math.random()*3); E=Math.round(Math.random()*2500+50) if (R == 3) B[i]=-E; if (R == 2) B[i]=W+E; if (R == 1) A[i]=-E; if (R == 0) A[i]=H; F[i]=W/10; } } Set(); function Assign(){ outer.style.top=document.body.scrollTop; for (i=0; i < L; i++){ F[i]-=S[i]*55; if (F[i] < 2) F[i]=1; ie[i].style.top =Y[i]; ie[i].style.left=X[i]; ie[i].style.fontSize=F[i]; } } function fly(){ MY=window.document.body.clientHeight/2; MX=window.document.body.clientWidth/2; Wd=Math.round(Math.random()*40+5); Hd=Math.round(Math.random()*30+5); for (i=0; i < L; i++) { Y[i]=A[i]+=(MY-A[i])*(S[i]); X[i]=B[i]+=(MX-B[i])*(S[i]); if ((X[i] > MX-Wd) && (X[i] < MX+Wd) && (Y[i] > MY-Hd) && (Y[i] < MY+Hd)){ H=window.document.body.offsetHeight; W=window.document.body.offsetWidth; A[i]=Math.round(Math.random()*H); B[i]=Math.round(Math.random()*W); S[i]=Math.random()*0.05+0.05; R=Math.round(Math.random()*3); E=Math.round(Math.random()*50+50) if (R == 3) B[i]=-E; if (R == 2) B[i]=W+E; if (R == 1) A[i]=-E; if (R == 0) A[i]=H+E; } if ((X[i] < 0) || (X[i] > W) || (Y[i] < 0) || (Y[i] > H)) F[i]=W/10; } Assign(); setTimeout('fly()',20); } window.onload=fly; } // --> </SCRIPT>
Selecione com o mouse e
Pressione CRTL+C para copiar.

Estrelas entrando na tela

Efeito de estrelas entrando na tela.
(Você precisará ter a fonte WP IconicSymbolsA para conseguir visualizar o efeito.)
Insira o código no HTML entre <head></head>.
Modifique a cor segundo mostra o exemplo abaixo destacado em vermelho:

<SCRIPT language=JavaScript>
if (document.all){
yourLogo='iiiiii';
logoFont='WP IconicSymbolsA';
logoColor='#ffffff';...

<SCRIPT language=JavaScript> if (document.all){ yourLogo='iiiiii'; logoFont='WP IconicSymbolsA'; logoColor='#ffffff'; yourLogo=yourLogo.split(''); L=yourLogo.length; H=0; W=0; R=0; E=0; MY=0; MX=0; Wd=0; Hd=0; F=new Array(); Y=new Array(); X=new Array(); S=new Array(); A=new Array(); B=new Array(); 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:0;left:0;width:10px;height:10px;' +'font-family:'+logoFont+';font-size:5px;color:'+logoColor+'">'+yourLogo[i]+'</div>'); document.write('</div></div>'); //Initial Placement! function Set(){ for (i=0; i < L; i++){ H=window.document.body.offsetHeight; W=window.document.body.offsetWidth; A[i]=Math.round(Math.random()*H); B[i]=Math.round(Math.random()*W); S[i]=Math.random()*0.07+0.05; R=Math.round(Math.random()*3); E=Math.round(Math.random()*2500+50) if (R == 3) B[i]=-E; if (R == 2) B[i]=W+E; if (R == 1) A[i]=-E; if (R == 0) A[i]=H; F[i]=W/10; } } Set(); function Assign(){ outer.style.top=document.body.scrollTop; for (i=0; i < L; i++){ F[i]-=S[i]*55; if (F[i] < 2) F[i]=1; ie[i].style.top =Y[i]; ie[i].style.left=X[i]; ie[i].style.fontSize=F[i]; } } function fly(){ MY=window.document.body.clientHeight/2; MX=window.document.body.clientWidth/2; Wd=Math.round(Math.random()*40+5); Hd=Math.round(Math.random()*30+5); for (i=0; i < L; i++) { Y[i]=A[i]+=(MY-A[i])*(S[i]); X[i]=B[i]+=(MX-B[i])*(S[i]); if ((X[i] > MX-Wd) && (X[i] < MX+Wd) && (Y[i] > MY-Hd) && (Y[i] < MY+Hd)){ H=window.document.body.offsetHeight; W=window.document.body.offsetWidth; A[i]=Math.round(Math.random()*H); B[i]=Math.round(Math.random()*W); S[i]=Math.random()*0.05+0.05; R=Math.round(Math.random()*3); E=Math.round(Math.random()*50+50) if (R == 3) B[i]=-E; if (R == 2) B[i]=W+E; if (R == 1) A[i]=-E; if (R == 0) A[i]=H+E; } if ((X[i] < 0) || (X[i] > W) || (Y[i] < 0) || (Y[i] > H)) F[i]=W/10; } Assign(); setTimeout('fly()',20); } window.onload=fly; } // --> </SCRIPT>
Selecione com o mouse e
Pressione CRTL+C para copiar.

<Voltar para Efeitos JavaScript

Página integrante do site Webmaster Cristão http://www.vivavidacomjesus.com/webmastercristao