:: Tutorial de E-mails ::

"Cursor "em caixinha"

Veja que efeito interessante para o cursor neste neste exemplo.

Para consegui-lo, faça o seguinte:

1. Abra uma nova mensagem.

2. Clique na aba "Origem" de sua nova mensagem.

3. Apague tudo e cole o seguinte código:

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

<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 style="OVERFLOW-Y: scroll; OVERFLOW-X: hidden; WIDTH: 100%"
background="endereço da imagem de fundo">
<FONT color=#000000><FONT
face="Comic Sans MS"><FONT size=2>
<SCRIPT language=JavaScript1.2>
<!--

/*
Cursor scroller script- By Dynamicdrive.com
For full source, Terms of service, and 100s DTHML scripts
Visit http://www.dynamicdrive.com
*/

//1) set message to display
var scroller_msg='Exemplo cursor - http://www.ilove.com.br/lili - Tutorial de e-mails'
//2) set whether message should auto disappear after x seconds (0=perpetual).
//Note that double clicking page will also dismiss message
var dismissafter=0

var initialvisible=0
if (document.all)
document.write('<marquee id="curscroll" style="position:absolute;width:150px;border:1px solid #000000;font-size:14px;background-color:#F9F4F8;visibility:hidden">'+scroller_msg+'</marquee>')

function followcursor(){
//move cursor function for IE

if (initialvisible==0){
curscroll.style.visibility="visible"
initialvisible=1
}

curscroll.style.left=document.body.scrollLeft+event.clientX+10
curscroll.style.top=document.body.scrollTop+event.clientY+10
}

function dismissmessage(){
curscroll.style.visibility="hidden"
}

if (document.all){
document.onmousemove=followcursor
document.ondblclick=dismissmessage
if (dismissafter!=0)
setTimeout("dismissmessage()",dismissafter*1000)
}

//-->
</SCRIPT>

</BODY></HTML>

Você deve substituir, no script, o que está em vermelho para escrever sua própria mensagem:

var scroller_msg='Exemplo cursor - http://www.ilove.com.br/lili - Tutorial de e-mails'

Você pode alterar também o "tipo" da caixinha:

document.write('<marquee id="curscroll" style="position:absolute;width:150px (altere o que está em vermelho para modificar a largura da caixinha)

;border:1px (largura da borda da caixinha)

#000000(cor da borda da caixinha)

;font-size:14px (tamanho da fonte)

background-color:#F9F4F8 (cor de fundo da caixinha)

(Dica adaptada e formatada por Lilian Russo)

Fonte: Dymanic Drive


	.