:: Tutorial de E-mails ::

Olhinho no e-mail

Este script faz com que um olhinho apareça em seu e-mail e que acompanhe o mouse.

Veja um exemplo aqui.

Primeiro salve estas duas imagens em sua pastinha:

(Se você não quiser salvar as imagens, pode usar o script exatamente como está que a imagem será "baixada" diretamente do site.)

Depois, abra uma nova mensagem, clique na aba "Origem" e cole o seguinte código:

----------------------------------------------------------------------------------------------------------------------------------------------------------------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Olho</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META content="MSHTML 6.00.2800.1106" name=GENERATOR>
<STYLE></STYLE>
</HEAD>
<BODY bgColor=#ffffff >
<DIV> </DIV>
<DIV id=obj1
style="LEFT: 0px; WIDTH: 20px; POSITION: absolute; TOP: 0px; HEIGHT: 18px"><IMG
height=40 src="http://www.ilove.com.br/lili/imagens/olho.gif" width=81 border=0>
</DIV>
<DIV id=obj2
style="LEFT: 0px; WIDTH: 18px; POSITION: absolute; TOP: 0px; HEIGHT: 19px"><IMG
height=19 src="http://www.ilove.com.br/lili/imagens/bolinha.gif" width=18 border=0>
</DIV>
<BLOCKQUOTE dir=ltr style="MARGIN-RIGHT: 0px">
<BLOCKQUOTE dir=ltr style="MARGIN-RIGHT: 0px">
<BLOCKQUOTE>
<DIV id=obj3
style="LEFT: 0px; WIDTH: 18px; POSITION: absolute; TOP: 0px; HEIGHT: 19px"><IMG
height=19 src="http://www.ilove.com.br/lili/imagens/bolinha.gif" width=18
border=0> </DIV>
<DIV> </DIV>
<DIV> </DIV></BLOCKQUOTE></BLOCKQUOTE></BLOCKQUOTE>
<DIV dir=ltr><FONT face="Comic Sans MS">Mexa com o mouse no olhinho</FONT></DIV>
<SCRIPT language=javascript>

var isNS = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4);
var div1 = (isNS) ? document.obj1 : document.all.obj1.style;
var div2 = (isNS) ? document.obj2 : document.all.obj2.style;
var div3 = (isNS) ? document.obj3 : document.all.obj3.style;
var objet;

objet = new Array(div1,div2,div3)
function placeObj(i,px,py) {
objet[i].left=px;
objet[i].top=py;
}
function vObj(i) {
objet[i].visibility="visible";
}
function cacheObj(i) {
objet[i].visibility="hidden";
}
var userAgent=navigator.appName + " " + navigator.appVersion;
var agentInfo=userAgent.substring(0, 12);
var ex=200;
var ey=450;
var x0=15; //Posicao do olho em relacao a margem esquerda
var y0=15; //Posicao do olho em relacao ao topo
var Xpos = 50;
var Ypos = 50;
var ra=10;
if(agentInfo >= "Netscape 4.0")
{
window.captureEvents(Event.MOUSEMOVE);
function mouveA(evnt) {
Xpos = evnt.pageX;
Ypos = evnt.pageY;
}
window.onMouseMove = mouveA;
}
else {
function mouveB() {
ofy = document.body.scrollTop;ofx = document.body.scrollLeft;
Xpos = event.clientX+ofx;
Ypos = event.clientY+ofy;
}
document.onmousemove = mouveB;
}

function olho(){
ex=Xpos;ey=Ypos;
dy=ey-y0-20;
dx1=ex-x0-20;
dx2=ex-x0-60;

r=Math.sqrt(dx1*dx1+dy*dy);
if(r<20) r=20
dx1=dx1*ra/r+x0+10;
dy1=dy*ra/r+y0+10;

r=Math.sqrt(dx2*dx2+dy*dy);
if(r<20) r=20
dx2=dx2*ra/r+x0+51;

placeObj(0,x0,y0);
placeObj(1,dx1,dy1);placeObj(2,dx2,dy1);

tid=setTimeout('olho()',15);
}
olho();
</SCRIPT>
</BODY></HTML>

----------------------------------------------------------------------------------------------------------------------------------------------------------------

Lembre-se de que o efeito só é percebido, quando clicamos na aba "Visualizar".

Você pode voltar à aba "Editar" e formatar o plano de fundo e a música.

Aqui você encontra a versão prontinha para e-mail dessa tabela. Está zipada no formato .eml (próprio para o Outlook Express)

Dica adaptada por Lilian Russo - Fonte Script Brasil


	.