Efeito fumaça no mouse
Se você quiser conseguir um efeito fumaça, conforme
o mouse se movimenta, como neste
exemplo, faça o seguinte:
1. Abra uma nova mensagem.
2. Clique na aba "Origem" de sua nova mensagem.
3. Apague tudo o que estiver escrito e cole o código abaixo.
(Onde você encontra no script o item "endereço
da imagem" deve indicar o endereço da figura
que você quer que apareça no efeito. Dê preferência
a imagens bem pequenas, apenas de efeito, como um coraçãozinho,
uma florzinha, uma bolhinha....)
----------------------------------------------------------------------------------------------------------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<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><IMG id=bubble style="DISPLAY: none"
src="endereço da imagem">
<SCRIPT language=JavaScript>
<!-- Original: Kurt Grigg (kurt.grigg@virgin.net) -->
<!-- Web Site: http://website.lineone.net/~kurt.grigg/javascript
-->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
Image0 = new Image();
Image0.src = bubble.src;
Amount = 20;
Ymouse = -50;
Xmouse = -50;
Ypos = new Array();
Xpos = new Array();
Speed = new Array();
rate = new Array();
grow = new Array();
Step = new Array();
Cstep = new Array();
nsSize = new Array();
ns = (document.layers)?1:0;
(document.layers)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(evnt) {
Ymouse=(document.layers)?evnt.pageY-20:event.y-20;
Xmouse=(document.layers)?evnt.pageX:event.x;
}
(document.layers)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
for (i = 0; i < Amount; i++) {
Ypos[i] = Ymouse;
Xpos[i] = Xmouse;
Speed[i] = Math.random()*4+1;
Cstep[i] = 0;
Step[i] = Math.random()*0.1+0.05;
grow[i] = 8;
nsSize[i] = Math.random()*15+5;
rate[i] = Math.random()*0.5+0.1;
}
if (ns) {
for (i = 0; i < Amount; i++) {
document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img
src="+Image0.src+" name='N' width="+nsSize[i]+"
height="+nsSize[i]+"></LAYER>");
}
}
else {
document.write('<div style="position:absolute;top:0px;left:0px"><div
style="position:relative">');
for (i = 0; i < Amount; i++) {
document.write('<img id="si" src="'+Image0.src+'"
style="position:absolute;top:0px;left:0px;filter:alpha(opacity=90)">');
}
document.write('</div></div>');
}
function MouseBubbles() {
var hscrll = (document.layers)?window.pageYOffset:document.body.scrollTop;
var wscrll = (document.layers)?window.pageXOffset:document.body.scrollLeft;
for (i = 0; i < Amount; i++){
sy = Speed[i] * Math.sin(270 * Math.PI / 180);
sx = Speed[i] * Math.cos(Cstep[i] * 4);
Ypos[i] += sy;
Xpos[i] += sx;
if (Ypos[i] < -40) {
Ypos[i] = Ymouse;
Xpos[i] = Xmouse;
Speed[i] = Math.random() * 6 + 4;
grow[i] = 8;
nsSize[i] = Math.random() * 15 + 5;
}
if (ns) {
document.layers['sn'+i].left = Xpos[i] + wscrll;
document.layers['sn'+i].top = Ypos[i] + hscrll;
}
else {
si[i].style.pixelLeft = Xpos[i] + wscrll;
si[i].style.pixelTop = Ypos[i] + hscrll;
si[i].style.width = grow[i];
si[i].style.height = grow[i];
}
grow[i] += rate[i];
Cstep[i] += Step[i];
if (grow[i] > 24) grow[i] = 25;
}
setTimeout('MouseBubbles()', 10);
}
MouseBubbles();
// End -->
</SCRIPT>
</BODY></HTML>
----------------------------------------------------------------------------------------------------------------------------------------------------------------
Você pode voltar à aba "Editar" e formatar
o plano de fundo com imagem e som.
Se você quiser escolher algumas imagens, encontrará
aqui :
Palavras e Sentimentos
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 clicar na aba "Visualizar" para ver o efeito.)
Este script foi gentilmente enviado por Suave
Manhã (Luciana Dressler), desenvolvido por Kurt
Grigg e formatado por Lilian Russo.
Lilian Russo - Todos os Direitos Reservados - ©2002/2007
|
