
Imagem que "foge" do
mouse
Para conseguir um efeito de pontinhos coloridos na ponta do mouse,
como neste exemplo,
faça o seguinte:
Abra uma nova mensagem e clique em "Origem". Apague tudo
o que encontrar e cole o seguinte código:
----------------------------------------------------------------------------------------------------------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE></TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META content="MSHTML 6.00.2719.2200" name=GENERATOR>
<STYLE></STYLE>
</HEAD>
<BODY style="OVERFLOW-Y: scroll; OVERFLOW-X: hidden; WIDTH:
100%" vLink=yellow
aLink=yellow link=yellow bgColor="000000"
onload=inite()>
<DIV id=catchmeimg style="LEFT: -200px; POSITION: absolute;
TOP: -1000px"><IMG
src="endereço da imagem">
</DIV>
<SCRIPT>
// CREDITS:
// Catch me if you really can
// by Peter Gehrig and Urs Dudli
// Copyright (c) 2000 Peter Gehrig and Urs Dudli. All rights reserved.
// Permission given to use the script provided that this notice
remains as is.
// Additional scripts can be found at http://www.24fun.com.
// info@24fun.ch
// 4/28/2000
// IMPORTANT:
// If you add this script to a script-library or script-archive
// you have to add a link to http://www.24fun.com on the webpage
// where this script will be running.
// CONFIGURATION:
// 1. Delete the <DIV>block with the id "delethethisblock"
// 2. Save the rest of the code as HTML-file.
var x=0
var y=0
var xpos=0
var ypos=0
var xcenter
var ycenter
var windowheight
var windowheight
function cursortracker(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
}
function inite() {
if (document.layers) {
windowheight=window.innerHeight
windowwidth=window.innerWidth
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=cursortracker;
}
if (document.all) {
windowheight=document.body.clientHeight
windowwidth=document.body.clientWidth
document.onmousemove=cursortracker;
}
xcenter=Math.round(windowwidth/2)
ycenter=Math.round(windowheight/2)
changeposition()
}
function changeposition() {
if (x>=(xcenter-60) && x<=xcenter) {
xpos=0
}
else if (x<=(xcenter+60) && x>=xcenter) {
xpos=windowwidth-60
}
else {
xpos=-1*(x-xcenter)+xcenter
}
if (y>=(ycenter-50) && y<=ycenter) {
ypos=ycenter+50
}
else if (y<=(ycenter+50) && y>=ycenter) {
ypos=ycenter-50
}
else {
ypos=-1*(y-ycenter)+ycenter
}
if (document.all) {
document.all.catchmeimg.style.posLeft=xpos
document.all.catchmeimg.style.posTop=ypos
}
if (document.layers) {
document.catchmeimg.left=xpos
document.catchmeimg.top=ypos
}
var timer=setTimeout("changeposition()",50)
}
</SCRIPT>
</BODY></HTML>
----------------------------------------------------------------------------------------------------------------------------------------------------------------
Para mudar a cor do fundo, basta alterar o código
de cor aqui, onde está em vermelho: <bgColor="000000">
Se você quiser usar a mesma imagem do exemplo, pode salvá-la
em sua pasta de figuras, clicando na imagem abaixo com o botão
direito e usando o comando: "Salvar como" ou "Salvar
destino como".

Você pode voltar à aba "Editar" e formatar
um plano de fundo escolhendo imagem e som.
Aqui você
encontra a versão prontinha para e-mail desta dica. Está
zipada no formato .eml
(próprio para o Outlook Express)
(Lembre-se de que o efeito só será percebido quando
clicamos em "Visualizar".)
(Dica adaptada por Lilian Russo
Fonte: www.24fun.com)
Lilian Russo - Todos os Direitos Reservados - ©2002/2007
|